:root{
  --bg:#121212; --bg2:#171717; --card:#1A1A1A; --card2:#202020;
  --line:#2A2A2A; --line2:#3A3A3A;
  --tx:#EDEDED; --tx2:#A1A1A1; --tx3:#707070;
  --brand:#3D56E0; --acc:#8396F5; --acc2:#3D56E0; --acchead:#5D74F3; --accbg:rgba(61,86,224,.16); --accln:rgba(116,137,245,.45);
  --sans:"Golos Text","Segoe UI",Roboto,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:12px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;
}
html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
.w{max-width:1200px;margin:0 auto;padding:0 24px}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid var(--line2);background:var(--card2);color:var(--tx);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;font-family:inherit}
.btn:hover{background:#2A2A2A;border-color:#4A4A4A}
.btn-acc{background:var(--brand);border-color:#5068F0;color:#fff}
.btn-acc:hover{background:#4C64EC;border-color:#8396F5}
.btn-lg{height:44px;padding:0 20px;font-size:15px}

/* ---------- шапка ---------- */
.hd{position:sticky;top:0;z-index:50;background:rgba(18,18,18,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hd .w{height:64px;display:flex;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em}
.logo .mark{height:19px;width:auto;color:#fff;flex:none;transition:color .2s}
.logo:hover .mark{color:var(--acc)}
.nav{display:flex;gap:4px}
.nav a{padding:6px 12px;border-radius:6px;font-size:14px;color:var(--tx2);transition:color .15s,background .15s}
.nav a:hover{color:var(--tx);background:var(--card2)}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.hd-tel{font-size:14px;color:var(--tx2);transition:color .15s}.hd-tel:hover{color:var(--tx)}

/* ---------- hero ---------- */
.hero{position:relative;padding:120px 0 96px;text-align:center;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.35;
  -webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 50% 40%,#000 0%,transparent 75%);pointer-events:none}
.hero .w{position:relative}
.pill{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 6px 0 12px;border:1px solid var(--line2);border-radius:999px;font-size:13px;color:var(--tx2);background:var(--bg2);margin-bottom:32px;transition:border-color .15s}
.pill:hover{border-color:var(--accln)}
.pill b{font-weight:500;color:var(--acc);font-family:var(--mono);font-size:12px;background:var(--accbg);padding:2px 8px;border-radius:999px}
.hero h1{font-size:76px;line-height:1;font-weight:400;letter-spacing:-.01em}
.hero h1 span{display:block;color:var(--acchead)}
.hero .tag{font-size:22px;color:var(--tx);margin:32px auto 0;max-width:720px;font-weight:500;letter-spacing:-.01em}
.hero .sub{font-size:17px;color:var(--tx2);margin:14px auto 0;max-width:640px}
.hero .btns{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.cmd{display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-family:var(--mono);font-size:13px;color:var(--tx3)}
.cmd b{color:var(--acc);font-weight:400}
.cmd i{display:inline-block;width:8px;height:16px;background:var(--acc);animation:blink 1.1s steps(1) infinite;vertical-align:middle}
@keyframes blink{50%{opacity:0}}

/* ---------- продукты (bento) ---------- */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bento>.pc{min-height:230px}
.bento>.pc-next{min-height:0}
.pc{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;overflow:hidden;transition:border-color .2s,background .2s}
.pc:hover{border-color:var(--line2);background:#1D1D1D}
.pc:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(61,86,224,.2),transparent 45%);opacity:0;transition:opacity .25s}
.pc:hover:after{opacity:1}
.pc-h{display:flex;align-items:center;gap:10px;color:var(--tx2);font-size:15px;transition:color .2s}
.pc-h svg{flex:none;color:var(--tx3);transition:color .2s}
.pc:hover .pc-h,.pc:hover .pc-h svg{color:var(--tx)}
.pc:hover .pc-h svg{color:var(--acc)}
.pc-badge{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--acc);border:1px solid var(--accln);background:var(--accbg);padding:2px 8px;border-radius:999px}
.pc-t{font-size:18px;line-height:1.45;color:var(--tx2);margin-top:14px;max-width:440px}
.pc-t strong{color:var(--tx);font-weight:500}
.pc ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px;font-size:14px;color:var(--tx2)}
.pc li{display:flex;gap:10px;align-items:center}
.pc li:before{content:"";width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238396F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center no-repeat}
.pc-vis{margin-top:auto;padding-top:24px}
.pc-big{grid-row:span 2}
.pc-wide{grid-column:span 2}
.pc-next{grid-column:1/-1;border-style:dashed;background:transparent;flex-direction:row;align-items:center;gap:24px;min-height:0;padding:20px 24px}
.pc-next .pc-t{margin:0;font-size:16px;max-width:none}
.pc-next .pc-h{flex:none}
.pc-next .go{margin-left:auto;flex:none;font-size:14px;color:var(--tx3);transition:color .15s}.pc-next:hover .go{color:var(--acc)}
.pc-next:hover{background:var(--bg2)}
.under{text-align:center;color:var(--tx2);font-size:17px;margin-top:40px}
.under b{color:var(--tx);font-weight:500}

/* мини-визуалы внутри карточек */
.route{border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:8px;font-family:var(--mono);font-size:12.5px}
.route div{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;color:var(--tx3)}
.route div i{width:7px;height:7px;border-radius:50%;background:var(--line2)}
.route div em{margin-left:auto;font-style:normal}
.route .on{background:var(--accbg);color:var(--tx);border:1px solid var(--accln)}
.route .on i{background:var(--acc);box-shadow:0 0 8px var(--acc)}
.route .on em{color:var(--acc)}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:260px}
.cal i{aspect-ratio:1;border-radius:4px;background:var(--card2);border:1px solid var(--line)}
.cal i.b{background:#2C2C2C}
.cal i.a{background:var(--accbg);border-color:var(--accln)}
.bars{display:flex;align-items:flex-end;gap:6px;height:72px}
.bars i{flex:1;border-radius:3px 3px 0 0;background:#2C2C2C}
.bars i.a{background:var(--acc2)}
.sync{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--tx2)}
.sync span{border:1px solid var(--line2);border-radius:6px;padding:6px 10px;background:var(--bg2)}
.sync span.b24{border-color:var(--accln);color:var(--acc)}
.sync em{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--line2) 0 6px,transparent 6px 10px);position:relative;font-style:normal}

/* ---------- секции ---------- */
.sec{padding:120px 0 0}
.sec-h{max-width:720px}
.sec-h.c{margin:0 auto;text-align:center}
.sec h2{font-size:40px;line-height:1.15;font-weight:400;letter-spacing:-.01em}
.sec h2 span{color:var(--tx3)}
.sec-h p{color:var(--tx2);font-size:17px;margin-top:16px}

/* цифры + клиенты */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:96px}
.trust .w{display:grid;grid-template-columns:repeat(4,1fr)}
.st{padding:36px 24px;border-left:1px solid var(--line)}
.st:first-child{border-left:0;padding-left:0}
.st b{display:block;font-size:40px;font-weight:400;letter-spacing:-.01em;line-height:1}
.st span{display:block;margin-top:10px;font-size:14px;color:var(--tx2)}
.clients{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;padding:40px 0 0;color:var(--tx3);font-size:18px;font-weight:600;letter-spacing:-.01em}
.clients span{transition:color .2s}.clients span:hover{color:var(--tx)}
.clients-l{text-align:center;font-size:13px;color:var(--tx3);margin-top:48px}

/* код: продукты вместе */
.flow{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center;margin-top:56px}
.steps{display:grid;gap:4px}
.step{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:10px;padding:16px 18px;cursor:pointer;color:var(--tx2);font-family:inherit;font-size:15px;transition:background .15s,border-color .15s,color .15s}
.step b{display:block;color:var(--tx);font-weight:500;font-size:16px;margin-bottom:4px}
.step:hover{background:var(--bg2)}
.step[aria-selected="true"]{background:var(--card);border-color:var(--line2)}
.step[aria-selected="true"] b{color:var(--acc)}
.win{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.win-bar{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--card)}
.win-bar i{width:10px;height:10px;border-radius:50%;background:#333}
.win-tabs{display:flex;gap:2px;margin-left:12px;overflow-x:auto}
.win-tabs button{font-family:var(--mono);font-size:12px;color:var(--tx3);background:none;border:0;padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}
.win-tabs button[aria-selected="true"]{color:var(--tx);background:var(--card2)}
pre.code{margin:0;padding:22px 0;font-family:var(--mono);font-size:13.5px;line-height:1.75;overflow-x:auto;counter-reset:ln;min-height:320px}
pre.code span.l{display:block;padding:0 24px 0 0}
pre.code span.l:before{counter-increment:ln;content:counter(ln);display:inline-block;width:44px;padding-right:18px;text-align:right;color:#4A4A4A}
.tk-k{color:#C792EA}.tk-s{color:#C3E88D}.tk-c{color:#6A6A6A;font-style:italic}.tk-f{color:#82AAFF}.tk-n{color:#F78C6C}
.log{border-top:1px solid var(--line);padding:14px 24px;font-family:var(--mono);font-size:12.5px;color:var(--tx3);display:grid;gap:4px}
.log b{color:var(--acc);font-weight:400}

/* принципы */
.pr{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r);margin-top:56px;overflow:hidden}
.pr>div{padding:32px;border-left:1px solid var(--line);background:var(--bg2)}
.pr>div:first-child{border-left:0}
.pr .n{font-family:var(--mono);font-size:12px;color:var(--acc);display:block;margin-bottom:28px}
.pr h3{font-size:20px;font-weight:600;letter-spacing:-.01em}
.pr p{color:var(--tx2);font-size:15px;margin-top:10px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.fact{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--card)}
.fact h3{font-size:15px;font-weight:600}
.fact p{font-size:14px;color:var(--tx2);margin-top:6px}

/* отзывы */
.rv{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:56px}
.rv-tabs{display:grid;gap:4px;align-content:start}
.rv-tabs button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:1px solid transparent;border-radius:10px;padding:14px;color:var(--tx2);font:500 15px var(--sans);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.rv-tabs button i{font-style:normal;width:32px;height:32px;border-radius:8px;background:var(--card2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--tx)}
.rv-tabs button:hover{background:var(--bg2);color:var(--tx)}
.rv-tabs button[aria-selected="true"]{background:var(--card);border-color:var(--line2);color:var(--tx)}
.rv-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:40px;display:flex;flex-direction:column;min-height:300px}
.rv-card[hidden]{display:none}
.rv-card .rv-tag{font-family:var(--mono);font-size:12px;color:var(--acc)}
.rv-card q{display:block;font-size:24px;line-height:1.45;letter-spacing:-.01em;margin-top:20px;quotes:"«" "»"}
.rv-card footer{margin-top:auto;padding-top:28px;font-size:14px;color:var(--tx2)}
.rv-card footer b{color:var(--tx);font-weight:500}

/* ресурсы */
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.rc{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:var(--card);transition:border-color .2s,background .2s;display:flex;flex-direction:column;gap:8px}
.rc:hover{border-color:var(--line2);background:#1D1D1D}
.rc code{font-family:var(--mono);font-size:12px;color:var(--tx3)}
.rc h3{font-size:17px;font-weight:600}
.rc p{color:var(--tx2);font-size:14px}
.rc span{margin-top:auto;padding-top:12px;font-size:14px;color:var(--tx3);transition:color .15s}
.rc:hover span{color:var(--acc)}

/* финал */
.final{text-align:center;padding:140px 0 120px;position:relative;overflow:hidden}
.final:before{content:"";position:absolute;left:50%;top:60%;width:720px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(61,86,224,.22),transparent);pointer-events:none}
.final h2{font-size:56px;line-height:1.05;font-weight:400;letter-spacing:-.01em;position:relative}
.final h2 span{display:block;color:var(--acchead)}
.final .btns{display:flex;gap:12px;justify-content:center;margin-top:36px;position:relative;flex-wrap:wrap}
.final .ai-note{position:relative;margin:20px auto 0;max-width:520px;font-size:14px;line-height:1.5;color:var(--tx3)}

/* подвал */
.ft{border-top:1px solid var(--line);background:var(--bg2);padding:56px 0 40px;font-size:14px}
.ft-g{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}
.ft h4{margin:0 0 14px;font-size:13px;font-weight:500;color:var(--tx)}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--tx2)}
.ft ul a:hover{color:var(--tx)}
.ft-c{color:var(--tx2);display:grid;gap:8px;margin-top:16px}
.ft-c a:hover{color:var(--tx)}
.ft-b{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--tx3);font-size:13px}

/* адаптив */
@media(max-width:1000px){
  .hero h1{font-size:56px}
  .bento{grid-template-columns:1fr 1fr}
  .pc-big{grid-row:auto;grid-column:span 2}
  .flow{grid-template-columns:1fr}
  .pr{grid-template-columns:1fr}.pr>div{border-left:0;border-top:1px solid var(--line)}.pr>div:first-child{border-top:0}
  .facts{grid-template-columns:1fr 1fr}
  .trust .w{grid-template-columns:1fr 1fr}.st:nth-child(3){border-left:0;padding-left:0}.st:nth-child(n+3){border-top:1px solid var(--line)}
  .rv{grid-template-columns:1fr}.rv-tabs{grid-template-columns:repeat(3,1fr)}
  .ft-g{grid-template-columns:1fr 1fr}
  .nav,.hd-tel{display:none}
}
@media(max-width:640px){
  .w{padding:0 16px}
  .hero{padding:72px 0 64px}
  .hero h1{font-size:40px}
  .hero .tag{font-size:19px}
  .bento{grid-template-columns:1fr}.pc-big,.pc-wide{grid-column:auto}
  .sec{padding-top:88px}.sec h2{font-size:30px}
  .facts,.res{grid-template-columns:1fr}
  .st b{font-size:32px}
  .rv-tabs{grid-template-columns:1fr}.rv-card{padding:28px}.rv-card q{font-size:19px}
  .final h2{font-size:36px}
  .ft-g{grid-template-columns:1fr}
  .clients{gap:24px 32px;font-size:16px}
  .hd .btn:not(.btn-acc){display:none}
  .pc-next{flex-direction:column;align-items:flex-start;gap:12px}.pc-next .go{margin-left:0}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* ---------- выпадающее меню ---------- */
.nav{align-items:center}
.dd{position:relative}
.dd-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font:14px var(--sans);color:var(--tx2);background:none;border:0;cursor:pointer;transition:color .15s,background .15s}
.dd-btn:hover,.dd.open .dd-btn{color:var(--tx);background:var(--card2)}
.dd-btn svg{transition:transform .2s}
.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 12px);left:-12px;width:min(940px,calc(100vw - 200px));display:block;background:var(--bg2);border:1px solid var(--line2);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility .16s}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:none}
.dd-panel:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px}
.dd-item{display:flex;gap:14px;padding:12px;border-radius:10px;transition:background .15s}
.dd-item:hover{background:var(--card2)}
.dd-ico{flex:none;width:36px;height:36px;border-radius:8px;border:1px solid var(--line2);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:color .15s,border-color .15s}
.dd-item:hover .dd-ico{color:var(--acc);border-color:var(--accln)}
.dd-item b{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:500;color:var(--tx)}
.dd-item b em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--acc);border:1px solid var(--accln);background:var(--accbg);padding:1px 6px;border-radius:999px}
.dd-item small{display:block;font-size:13px;color:var(--tx3);margin-top:2px;line-height:1.4}
.dd-side{border-left:1px solid var(--line);background:var(--card);padding:18px 20px;display:flex;flex-direction:column;gap:2px}
.dd-cap{font-family:var(--mono);font-size:11px;color:var(--tx3);margin:0 0 8px}
.dd-side>a{padding:6px 0;font-size:14px;color:var(--tx2);transition:color .15s}
.dd-side>a:hover{color:var(--tx)}
.dd-side .dd-idea{margin-top:auto;padding:12px;border:1px dashed var(--line2);border-radius:10px;font-size:13px;color:var(--tx3);line-height:1.4}
.dd-idea b{display:block;color:var(--tx);font-weight:500;margin-bottom:2px}
.dd-idea:hover{border-color:var(--accln)}
.burger{display:none;width:38px;height:38px;border-radius:8px;border:1px solid var(--line2);background:var(--card2);color:var(--tx);cursor:pointer;align-items:center;justify-content:center}
.drawer{display:none}
@media(max-width:1000px){
  .burger{display:inline-flex}
  .hd-hide{display:none}
  .drawer{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:64px;z-index:49;background:var(--bg);padding:20px 16px 40px;overflow:auto;
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
  body.menu .drawer{opacity:1;visibility:visible;transform:none}
  body.menu{overflow:hidden}
  .drawer .dd-cap{margin:20px 0 6px}
  .drawer a{padding:12px 0;font-size:18px;border-bottom:1px solid var(--line)}
}
@media(max-width:640px){.hd .btn-acc{height:36px;padding:0 12px;font-size:13px}}

.dd-sm .dd-panel{width:240px;padding:6px}
.dd-sm .dd-panel a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--tx2);transition:background .15s,color .15s}
.dd-sm .dd-panel a:hover{background:var(--card2);color:var(--tx)}
/* ---------- страница продукта ---------- */
.subnav{border-bottom:1px solid var(--line);background:var(--bg)}
.subnav .w{display:flex;gap:4px;height:48px;align-items:center;overflow-x:auto;scrollbar-width:none}
.subnav .w::-webkit-scrollbar{display:none}
.subnav a{font-size:13px;color:var(--tx3);padding:6px 10px;border-radius:6px;white-space:nowrap;transition:color .15s,background .15s}
.subnav a:hover{color:var(--tx);background:var(--card2)}
.subnav a[aria-current]{color:var(--tx);background:var(--card2)}
.phero{position:relative;padding:104px 0 40px;overflow:hidden}
.phero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.3;
  -webkit-mask-image:radial-gradient(ellipse 50% 60% at 20% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 50% 60% at 20% 40%,#000,transparent 75%);pointer-events:none}
.phero .w{position:relative}
.phero-t{max-width:900px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--tx2);margin-bottom:22px}
.eyebrow svg{color:var(--acc)}
.phero h1{font-size:64px;line-height:1.02;font-weight:400;letter-spacing:-.01em}
.phero h1 span{display:block;color:var(--acchead)}
.phero .sub{font-size:18px;color:var(--tx2);margin-top:24px;max-width:640px}
.phero .btns{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.psec{padding:112px 0 0}
.psec h2{font-size:40px;line-height:1.15;font-weight:400;letter-spacing:-.01em}
.psec h2 span{color:var(--tx3)}
.psec .sec-h p{color:var(--tx2);font-size:17px;margin-top:16px}
.lnk{color:var(--acc);border-bottom:1px solid var(--accln)}.lnk:hover{border-color:var(--acc)}

/* bento мессенджера */
.mb{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.mb .pc{min-height:0}
.mb-route{grid-column:span 2;grid-row:span 2}
.mb-txt{grid-column:span 2}
.mb-ui{padding:16px}
.hub{position:relative;flex:1;min-height:240px;margin-top:24px}
.hub-a{position:absolute;inset:8px 4px}
.hub-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hub-lines path{stroke:var(--line2);stroke-width:1.5;fill:none;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.hub-lines path.on{stroke:var(--acc);stroke-dasharray:6 6;animation:flow 1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-12}}
.hub-c,.hub-n{position:absolute;transform:translate(-50%,-50%);font-family:var(--mono);font-size:12px;border:1px solid var(--line2);background:var(--bg2);border-radius:8px;padding:8px 12px;text-align:center;white-space:nowrap;color:var(--tx2)}
.hub-n small{display:block;font-size:10.5px;color:var(--tx3);margin-top:2px}
.hub-c{left:50%;top:50%;color:var(--tx);background:var(--card2)}
.n1{left:15%;top:18%}.n2{left:85%;top:18%}.n3{left:15%;top:82%}.n4{left:85%;top:82%}
.hub-n.on{border-color:var(--accln);background:var(--accbg);color:var(--tx);box-shadow:0 0 24px rgba(61,86,224,.35)}
.hub-n.on small{color:var(--acc)}
.ui{border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:14px;font-size:13px;height:100%}
.ui-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:500;color:var(--tx);margin-bottom:10px;font-size:13.5px}
.ui code,.ui-note{font-family:var(--mono);font-size:11.5px;color:var(--tx3)}
.ui code.ok{color:var(--acc)}
.ui-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);color:var(--tx2)}
.ui-row code{color:var(--tx2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg{flex:none;width:32px;height:18px;border-radius:999px;background:var(--line2);position:relative}
.tg:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
.tg.on{background:var(--brand)}.tg.on:after{transform:translateX(14px)}
.msg{max-width:88%;padding:8px 11px;border-radius:10px;margin-top:8px;line-height:1.4;color:var(--tx)}
.msg.in{background:var(--card2);border:1px solid var(--line)}
.msg.out{background:var(--brand);margin-left:auto}
.ui-note{display:block;margin-top:10px}
.ui-bar{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);color:var(--tx2)}
.ui-bar span{width:72px;flex:none}
.ui-bar b{flex:1;height:6px;border-radius:99px;background:var(--line);overflow:hidden}
.ui-bar b i{display:block;height:100%;background:var(--brand);border-radius:99px}
.ui-bar b i.w{background:#C9A227}

/* три инструмента */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.three>div{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:28px}
.three .n{font-family:var(--mono);font-size:12px;color:var(--acc)}
.three h3{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-top:24px}
.three p{color:var(--tx2);font-size:15px;margin-top:8px}
.three ul,.three ol{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;font-size:14px;color:var(--tx2);counter-reset:o}
.three li{display:flex;gap:10px}
.three ul li:before{content:"";width:14px;height:14px;flex:none;margin-top:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238396F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center no-repeat}
.three ol li:before{counter-increment:o;content:counter(o);flex:none;width:20px;height:20px;border-radius:6px;border:1px solid var(--accln);background:var(--accbg);color:var(--acc);font-family:var(--mono);font-size:11px;display:flex;align-items:center;justify-content:center}

/* сплит с кодом */
.split{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.split.rev{grid-template-columns:7fr 5fr}
.bot-tabs{margin-top:32px}
.queue{padding:20px 24px;display:grid;gap:10px;min-height:300px;align-content:start;font-family:var(--mono);font-size:12.5px}
.q{display:grid;grid-template-columns:22px 92px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;color:var(--tx3);background:var(--card);transition:border-color .3s,color .3s,background .3s}
.q i{width:8px;height:8px;border-radius:50%;background:var(--line2)}
.q span{color:var(--tx2)}
.q.sending{border-color:var(--accln);background:var(--accbg);color:var(--tx)}
.q.sending i{background:var(--acc);box-shadow:0 0 8px var(--acc)}
.q.sent{color:var(--tx3)}.q.sent i{background:var(--acc2)}
.q.hold i{background:#C9A227}
.abs-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:32px}
.abs-list div{font-size:14px;color:var(--tx2);border-top:1px solid var(--line);padding-top:14px}
.abs-list b{display:block;color:var(--tx);font-weight:500;font-size:15px;margin-bottom:4px}
.fine{margin-top:28px;font-size:13px;color:var(--tx3);border-left:2px solid var(--line2);padding-left:14px}

/* подключение */
.go{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.go li{padding:28px;background:var(--bg2);border-left:1px solid var(--line);position:relative}
.go li:first-child{border-left:0}
.go code{font-family:var(--mono);font-size:12px;color:var(--acc)}
.go h3{font-size:18px;font-weight:600;margin-top:20px}
.go p{color:var(--tx2);font-size:14px;margin-top:8px}

/* цены */
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;align-items:stretch}
.price.p2{grid-template-columns:repeat(2,1fr);max-width:760px;margin-left:auto;margin-right:auto}
.pcard{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:28px;display:flex;flex-direction:column;transition:border-color .2s}
.pcard:hover{border-color:var(--line2)}
.pcard.hl{border-color:var(--accln);background:linear-gradient(180deg,rgba(61,86,224,.1),var(--card) 45%)}
.pbadge{position:absolute;top:-11px;left:28px;font-family:var(--mono);font-size:11px;color:#fff;background:var(--brand);padding:3px 10px;border-radius:999px}
.pcard h3{font-size:16px;font-weight:500;color:var(--tx2)}
.sum{font-size:44px;font-weight:400;letter-spacing:-.01em;margin-top:16px;line-height:1}
.sum small{display:block;font-size:13px;color:var(--tx3);letter-spacing:0;font-weight:400;margin-top:8px}
.pcard>p{font-size:14px;color:var(--tx2);margin-top:16px}
.pcard ul{list-style:none;padding:20px 0 0;margin:20px 0 28px;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14px;color:var(--tx2)}
.pcard li{display:flex;gap:10px;align-items:center}
.pcard li:before{content:"";width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238396F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center no-repeat}
.pcard .btn{margin-top:auto;justify-content:center}

/* faq */
.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-size:16px;font-weight:500;position:relative;transition:color .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--acc)}
.faq summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:18px;color:var(--tx3);transition:transform .2s}
.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.faq details p{color:var(--tx2);font-size:15px;padding:0 0 20px;max-width:640px}

@media(max-width:1000px){
  .phero h1{font-size:48px}
  .mb{grid-template-columns:1fr 1fr}.mb-route,.mb-txt{grid-column:span 2}
  .three,.price,.price.p2{grid-template-columns:1fr}
  .split,.split.rev{grid-template-columns:1fr;gap:32px}
  .split.rev>.win{order:2}
  .go{grid-template-columns:1fr}.go li{border-left:0;border-top:1px solid var(--line)}.go li:first-child{border-top:0}
  .faq{grid-template-columns:1fr;gap:24px}
}
@media(max-width:640px){
  .phero{padding:64px 0 24px}.phero h1{font-size:36px}
  .psec{padding-top:80px}.psec h2{font-size:28px}
  .mb{grid-template-columns:1fr}.mb-route,.mb-txt{grid-column:auto}
  .hub-n{font-size:11px;padding:6px 8px}
  .abs-list{grid-template-columns:1fr}
  .q{grid-template-columns:16px 72px 1fr;font-size:11.5px}.q em{display:none}
}

/* скриншоты с вкладками */
.shots{margin-top:48px}
.shot-tabs{display:flex;gap:4px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.shot-tabs button{flex:none;font:14px var(--sans);color:var(--tx3);background:none;border:1px solid transparent;border-radius:8px;padding:8px 14px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.shot-tabs button:hover{color:var(--tx)}
.shot-tabs button[aria-selected="true"]{color:var(--tx);background:var(--card);border-color:var(--line2)}
.shot-win{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--bg2);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.02)}
.shot-url{margin-left:14px;font-family:var(--mono);font-size:12px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot-win figure{margin:0;background:#fff}
.shot-win figure[hidden]{display:none}
.shot-img{display:block;width:100%;height:auto}
.shot-ph{aspect-ratio:16/8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--card);color:var(--tx2);font-size:15px;text-align:center;padding:24px}
.shot-ph small{font-family:var(--mono);font-size:12px;color:var(--tx3)}
/* сетка функций */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.feat .pc{min-height:210px}
.slots{display:grid;grid-template-columns:48px repeat(4,1fr);gap:4px;font-family:var(--mono);font-size:11px;align-items:center}
.slots span{color:var(--tx3)}
.slots i{height:26px;border-radius:5px;background:var(--card2);border:1px solid var(--line);font-style:normal;display:flex;align-items:center;justify-content:center;color:var(--tx3);overflow:hidden;white-space:nowrap}
.slots i.b{background:#2A2A2A;color:var(--tx2)}
.slots i.a{background:var(--accbg);border-color:var(--accln);color:var(--acc)}
.rules{display:grid;gap:6px}
.rules div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:var(--bg2)}
.rules code{font-family:var(--mono);font-size:12px;color:var(--tx2)}
.rules b{font-family:var(--mono);font-size:13px;font-weight:500;color:#F2B84B}
.rules b.d{color:var(--acc)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-family:var(--mono);font-size:12px;color:var(--tx2);border:1px solid var(--line2);border-radius:6px;padding:4px 9px;background:var(--bg2)}
.dds{display:grid;gap:6px;font-size:13px}
.dds div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:6px;color:var(--tx3)}
.dds b{font-family:var(--mono);font-weight:500;color:var(--tx)}
.dds b.p{color:#7EE0A8}
.split .code{min-height:260px}
.code[hidden]{display:none}
@media(max-width:1000px){.feat{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.feat{grid-template-columns:1fr}.shot-url{display:none}}
/* примеры виджетов (/widgets/): вкладки сайта, под виджетом — только белая подложка */
.wx{padding:56px 0 72px}
.wx h1{margin:0 0 10px}
.wx-sub{margin:0 0 28px;color:var(--tx2)}
.wx-card{background:#fff;border-radius:14px;overflow:hidden}
.wx-card iframe{display:block;width:100%;height:640px;border:0;background:#fff}
.wx-note{margin:16px 0 0;font-size:14px;color:var(--tx3)}
.wx-note a{color:var(--tx2)}
/* ---------- инструкции (как Supabase Docs) ---------- */
.dx{display:grid;grid-template-columns:280px minmax(0,1fr) 240px;max-width:1440px;margin:0 auto;min-height:70vh}
.dx-side{position:sticky;top:113px;height:calc(100vh - 113px);overflow-y:auto;border-right:1px solid var(--line);padding:24px 16px 40px 24px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.dx-ph{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;padding:4px 8px 16px}
.dx-ph i{flex:none;width:28px;height:28px;border-radius:7px;border:1px solid var(--line2);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--acc);font-style:normal}
.dx-search{position:relative;margin:0 0 20px}
.dx-search input{width:100%;height:36px;border-radius:8px;border:1px solid var(--line2);background:var(--card);color:var(--tx);font:14px var(--sans);padding:0 52px 0 34px;transition:border-color .15s}
.dx-search input::placeholder{color:var(--tx3)}
.dx-search input:focus{outline:0;border-color:var(--accln)}
.dx-search>svg{position:absolute;left:11px;top:11px;color:var(--tx3);pointer-events:none}
.dx-search kbd{position:absolute;right:8px;top:8px;font-family:var(--mono);font-size:11px;color:var(--tx3);border:1px solid var(--line2);border-radius:4px;padding:1px 5px;background:var(--bg2)}
.dx-res{position:absolute;top:calc(100% + 6px);left:0;width:min(420px,calc(100vw - 32px));z-index:20;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.5);max-height:420px;overflow:auto}
.dx-res a{display:block;padding:10px 12px;border-radius:7px;font-size:14px;color:var(--tx)}
.dx-res a small{display:block;color:var(--tx3);font-size:12px;margin-top:2px}
.dx-res a:hover,.dx-res a.act{background:var(--card2)}
.dx-res mark{background:var(--accbg);color:var(--acc);border-radius:3px}
.dx-res .dx-none{padding:12px;color:var(--tx3);font-size:13px}
.dx-tree details{margin-bottom:6px}
.dx-tree summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-size:13px;font-weight:500;color:var(--tx);border-radius:6px}
.dx-tree summary::-webkit-details-marker{display:none}
.dx-tree summary:after{content:"";width:6px;height:6px;border-right:1.5px solid var(--tx3);border-bottom:1.5px solid var(--tx3);transform:rotate(-45deg);transition:transform .15s;margin-right:4px}
.dx-tree details[open] summary:after{transform:rotate(45deg)}
.dx-tree summary:hover{background:var(--card2)}
.dx-tree a{display:block;margin-left:8px;padding:6px 10px 6px 14px;border-left:1px solid var(--line);font-size:14px;color:var(--tx2);transition:color .12s,border-color .12s}
.dx-tree a:hover{color:var(--tx);border-left-color:var(--line2)}
.dx-tree a.on{color:var(--acc);border-left-color:var(--acc)}
.dx-tree .dx-home{margin:0 0 10px;border:0;padding:6px 8px;border-radius:6px;font-size:14px}
.dx-tree .dx-home.on{background:var(--card2);color:var(--tx)}
.dx-main{padding:40px 56px 80px;min-width:0}
.dx-crumb{display:flex;gap:8px;font-size:13px;color:var(--tx3);margin-bottom:12px;flex-wrap:wrap}
.dx-crumb a:hover{color:var(--tx)}
.dx-main h1{font-size:34px;line-height:1.2;font-weight:400;letter-spacing:-.01em}
.dx-lead{font-size:17px;color:var(--tx2);margin-top:10px;max-width:720px}
.dx-meta{font-family:var(--mono);font-size:12px;color:var(--tx3);margin-top:16px;display:flex;gap:16px}
.dx-body{margin-top:36px;max-width:880px;font-size:16px;line-height:1.7;color:var(--tx2)}
.dx-body>*+*{margin-top:16px}
.dx-body h2{font-size:24px;font-weight:400;letter-spacing:-.01em;color:var(--tx);margin-top:48px;scroll-margin-top:130px}
.dx-body h3{font-size:18px;font-weight:600;color:var(--tx);margin-top:32px;scroll-margin-top:130px}
.dx-body .po-anchor{margin-left:6px;color:var(--tx3);opacity:0;transition:opacity .12s}
.dx-body h2:hover .po-anchor,.dx-body h3:hover .po-anchor{opacity:1}
.dx-body strong{color:var(--tx);font-weight:500}
.dx-body a{color:var(--tx);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;transition:text-decoration-color .15s}
.dx-body a:hover{text-decoration-color:var(--acc)}
.dx-body ul,.dx-body ol{padding-left:22px}
.dx-body li+li{margin-top:6px}
.dx-body li::marker{color:var(--tx3)}
.dx-body code{font-family:var(--mono);font-size:.86em;color:var(--tx);background:var(--card2);border:1px solid var(--line);padding:1px 6px;border-radius:5px}
.dx-body hr{border:0;height:1px;background:var(--line);margin:40px 0}
.cb{border:1px solid var(--line);border-radius:10px;background:var(--bg2);overflow:hidden}
.cb-h{display:flex;justify-content:space-between;align-items:center;height:38px;padding:0 8px 0 14px;border-bottom:1px solid var(--line);background:var(--card);font-family:var(--mono);font-size:12px;color:var(--tx3)}
.cb-copy{font:12px var(--sans);color:var(--tx3);background:none;border:1px solid transparent;border-radius:6px;padding:4px 8px;cursor:pointer;transition:color .15s,border-color .15s}
.cb-copy:hover{color:var(--tx);border-color:var(--line2)}
.cb pre{margin:0;padding:14px 0;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.7}
.cb pre code{background:none;border:0;padding:0;color:var(--tx);font-size:inherit;counter-reset:cl}
.cb .ln{display:block;padding-right:16px}
.cb .ln:before{counter-increment:cl;content:counter(cl);display:inline-block;width:40px;padding-right:16px;text-align:right;color:#4A4A4A}
.dx-body .po-fig{margin:0}
.dx-body .po-fig img,.dx-body img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.dx-body .po-fig figcaption{font-size:13px;color:var(--tx3);margin-top:8px}
.dx-body .po-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.dx-body table{border-collapse:collapse;width:100%;font-size:14px}
.dx-body th,.dx-body td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.dx-body th{color:var(--tx);font-weight:500;background:var(--card)}
.dx-body tr:last-child td{border-bottom:0}
.dx-body .po-call{border:1px solid var(--line2);border-left:3px solid var(--acc2);background:var(--card);border-radius:8px;padding:14px 18px;font-size:15px}
.dx-body .po-call>b{display:block;color:var(--tx);font-weight:500;font-size:14px;margin-bottom:4px}
.dx-body .po-call>*+*{margin-top:6px}
.dx-body .po-tabs{border:1px solid var(--line2);border-radius:10px;background:var(--card);overflow:hidden}
.dx-body .po-tabs-bar{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line2);padding:6px 6px 0;scrollbar-width:thin}
.dx-body .po-tabs-bar button{flex:none;font:14px var(--sans);color:var(--tx3);background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px 10px;cursor:pointer;transition:color .12s}
.dx-body .po-tabs-bar button:hover{color:var(--tx)}
.dx-body .po-tabs-bar button[aria-selected="true"]{color:var(--tx);border-bottom-color:var(--acc)}
.dx-body .po-tabs-p{padding:18px 20px}
.dx-body .po-tabs-p>*+*{margin-top:12px}
@media (max-width:600px){.dx-body .po-tabs-p{padding:14px}}
.dx-body .po-call--tip{border-left-color:#3FB68B}
.dx-body .po-call--warning,.dx-body .po-call--caution{border-left-color:#C9A227}
.dx-body .po-call--important{border-left-color:#E5484D}
.dx-body blockquote{margin:0;padding-left:16px;border-left:2px solid var(--line2)}
/* шаги */
.hike{margin-top:28px}
.hike-s{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:0 0 40px 52px}
.hike-s.no-m{grid-template-columns:1fr}
.hike-s:before{content:"";position:absolute;left:13px;top:32px;bottom:4px;width:1px;background:var(--line)}
.hike-s:last-child:before{display:none}
.hike-n{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:7px;border:1px solid var(--line2);background:var(--card);color:var(--tx);font-family:var(--mono);font-size:12px;display:flex;align-items:center;justify-content:center}
.hike-t h4{margin:2px 0 8px;font-size:16px;font-weight:500;color:var(--tx)}
.hike-t>*+*{margin-top:12px}
.hike-t ul{padding-left:20px}
.hike-m{display:grid;gap:12px;align-content:start}
.dx-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:64px;max-width:880px}
.dx-pn a{border:1px solid var(--line);border-radius:10px;padding:14px 16px;transition:border-color .15s,background .15s}
.dx-pn a:hover{border-color:var(--line2);background:var(--bg2)}
.dx-pn small{display:block;font-size:12px;color:var(--tx3)}
.dx-pn b{font-weight:500;font-size:15px}
.dx-pn .nx{grid-column:2;text-align:right}
.dx-help{max-width:880px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--tx3)}
.dx-help a{color:var(--tx2)}.dx-help a:hover{color:var(--acc)}
.dx-ai-note{max-width:880px;margin-top:12px;font-size:13px;line-height:1.5;color:var(--tx3)}
.dx-toc{position:sticky;top:113px;height:calc(100vh - 113px);overflow:auto;padding:40px 24px 40px 8px;font-size:13px}
.dx-toc h4{margin:0 0 12px;font-size:12px;font-weight:500;color:var(--tx)}
.dx-toc a{display:block;padding:5px 0 5px 12px;border-left:1px solid var(--line);color:var(--tx3);transition:color .12s,border-color .12s}
.dx-toc a.l3{padding-left:24px}
.dx-toc a:hover{color:var(--tx)}
.dx-toc a.on{color:var(--tx);border-left-color:var(--acc)}
.dx-toc .dx-side-help{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:10px}
.dx-toc .dx-side-help a{border:0;padding:0;color:var(--tx3)}
.dx-toc .dx-side-help a:hover{color:var(--acc)}
/* обзор продукта */
.dx-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px;max-width:880px}
.dx-card{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:20px;transition:border-color .15s,background .15s}
.dx-card:hover{border-color:var(--line2);background:#1D1D1D}
.dx-card h3{font-size:15px;font-weight:500;color:var(--tx)}
.dx-card ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}
.dx-card li a{font-size:14px;color:var(--tx2);display:flex;justify-content:space-between;gap:8px;transition:color .12s}
.dx-card li a:hover{color:var(--acc)}
.dx-empty{max-width:560px;margin-top:32px;border:1px dashed var(--line2);border-radius:10px;padding:28px;color:var(--tx2)}
.dx-empty h3{color:var(--tx);font-size:17px;font-weight:500;margin-bottom:6px}
.dx-empty .btn{margin-top:16px}
.dx-skel{padding:8px}
.dx-skel i{display:block;height:14px;border-radius:6px;margin-bottom:12px;background:linear-gradient(90deg,var(--card),var(--card2),var(--card));background-size:200% 100%;animation:dxsk 1.2s infinite}
@keyframes dxsk{to{background-position:-200% 0}}
.dx-mbtn{display:none}
.subnav a[data-p]{cursor:pointer}
@media(max-width:1200px){.dx{grid-template-columns:260px minmax(0,1fr)}.dx-toc{display:none}}
@media(max-width:900px){
  .dx{grid-template-columns:1fr}
  .dx-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px 16px;display:none}
  .dx-side.open{display:block}
  .dx-mbtn{display:flex;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 16px;background:var(--bg2);border:0;border-bottom:1px solid var(--line);color:var(--tx);font:500 14px var(--sans);cursor:pointer}
  .dx-main{padding:28px 16px 64px}
  .dx-main h1{font-size:28px}
  .hike-s{grid-template-columns:1fr;gap:14px;padding-left:44px}
  .dx-cards{grid-template-columns:1fr}
  .dx-pn{grid-template-columns:1fr}.dx-pn .nx{grid-column:auto}
}
.subnav.sticky{position:sticky;top:65px;z-index:40;background:rgba(18,18,18,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.dx-toc .dx-side-help.solo{margin-top:0;padding-top:0;border-top:0}
/* ---------- макеты интерфейсов в окне «скриншота» ---------- */
.shot-win figure{background:var(--bg2)}
.mk{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.mk-in{min-width:820px;padding:18px 20px 22px;font-size:13px;color:var(--tx2)}
.mk-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.mk-bar h4{margin:0 8px 0 0;font-size:15px;font-weight:500;color:var(--tx)}
.mk-pill{border:1px solid var(--line2);border-radius:7px;padding:5px 10px;font-size:12px;color:var(--tx2);background:var(--card)}
.mk-pill.on{color:var(--tx);background:var(--card2)}
.mk-add{margin-left:auto;border-radius:7px;padding:6px 12px;font-size:12px;color:#fff;background:var(--brand)}
.mk-leg{display:flex;gap:16px;margin-top:14px;font-size:12px;color:var(--tx3)}
.mk-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.mk .c-paid{background:rgba(61,86,224,.28);border-color:rgba(116,137,245,.6)!important;color:#C9D2FF}
.mk .c-pre{background:rgba(201,162,39,.2);border-color:rgba(201,162,39,.55)!important;color:#F1D98A}
.mk .c-new{background:rgba(63,182,139,.18);border-color:rgba(63,182,139,.5)!important;color:#9FE3C6}
/* календарь */
.mk .cal-g{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mk .cal-g .h{background:var(--card);color:var(--tx3);font-family:var(--mono);font-size:11px;padding:8px 6px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);text-align:center}
.mk .cal-g .h.wk{color:#E8A0A0}
.mk .cal-g .r{background:var(--card);color:var(--tx);padding:0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;font-size:13px;height:52px}
.mk .cal-g .c{border-bottom:1px solid var(--line);border-left:1px solid var(--line);height:52px}
.mk .cal-g .bk{margin:6px 3px;border:1px solid;border-radius:6px;padding:5px 8px;font-size:12px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;z-index:1}
.mk .cal-g .bk small{display:block;font-family:var(--mono);font-size:10.5px;opacity:.75}
.mk .cal-g .rl,.mk .cal-g .cl{border-bottom:0}
/* карточка брони */
.mk .card-g{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.mk .box{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:14px 16px}
.mk .box h5{margin:0 0 10px;font-size:12px;font-weight:500;color:var(--tx3);font-family:var(--mono)}
.mk .kv{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;font-size:13px}
.mk .kv span{color:var(--tx3)}.mk .kv b{font-weight:400;color:var(--tx)}
.mk .stages{display:flex;gap:4px;margin-bottom:14px}
.mk .stages i{flex:1;font-style:normal;font-size:11px;text-align:center;padding:7px 4px;border-radius:5px;background:var(--card2);color:var(--tx3);white-space:nowrap}
.mk .stages i.d{background:rgba(61,86,224,.35);color:#C9D2FF}
.mk .stages i.cur{background:var(--brand);color:#fff}
.mk .pay{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}
.mk .pay b{font-size:22px;font-weight:400;color:var(--tx)}
.mk .pbar{height:6px;border-radius:99px;background:var(--line);margin:10px 0 6px;overflow:hidden}.mk .pbar i{display:block;height:100%;width:50%;background:var(--brand);border-radius:99px}
.mk .tl{display:grid;gap:10px;font-size:12.5px}
.mk .tl div{display:grid;grid-template-columns:44px 1fr;gap:10px}
.mk .tl code{font-family:var(--mono);font-size:11px;color:var(--tx3)}
.mk .tl b{font-weight:400;color:var(--tx)}
.mk .who{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mk .who i{width:38px;height:38px;border-radius:50%;background:var(--card2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-style:normal;color:var(--tx)}
.mk .who b{display:block;font-weight:400;color:var(--tx);font-size:14px}
/* чат */
.mk .chat-g{display:grid;grid-template-columns:1fr 260px;gap:16px}
.mk .chatw{border:1px solid var(--line);border-radius:10px;background:var(--card);display:flex;flex-direction:column;min-height:360px}
.mk .chatw .top{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--tx)}
.mk .chatw .top code{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--acc);border:1px solid var(--accln);background:var(--accbg);padding:2px 8px;border-radius:99px}
.mk .msgs{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px}
.mk .m{max-width:70%;padding:8px 12px;border-radius:10px;line-height:1.45;color:var(--tx)}
.mk .m small{display:block;font-family:var(--mono);font-size:10px;color:var(--tx3);margin-top:3px}
.mk .m.in{background:var(--card2);border:1px solid var(--line)}
.mk .m.out{background:var(--brand);margin-left:auto}.mk .m.out small{color:rgba(255,255,255,.65)}
.mk .m.sys{align-self:center;max-width:none;background:none;font-family:var(--mono);font-size:11px;color:var(--tx3);padding:2px}
.mk .inp{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.mk .inp span{flex:1;border:1px solid var(--line2);border-radius:8px;padding:8px 12px;color:var(--tx3);background:var(--bg2)}
.mk .inp b{border-radius:8px;padding:8px 14px;background:var(--brand);color:#fff;font-weight:400}
/* таблицы финучёта */
.mk .tbl{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13px}
.mk .tbl th,.mk .tbl td{padding:9px 14px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.mk .tbl th:first-child,.mk .tbl td:first-child{text-align:left}
.mk .tbl th{background:var(--card);font-weight:400;color:var(--tx3);font-family:var(--mono);font-size:11px}
.mk .tbl td{color:var(--tx2);font-family:var(--mono);font-size:12.5px}
.mk .tbl td:first-child{font-family:var(--sans);font-size:13px}
.mk .tbl tr.g td{color:var(--tx);background:rgba(255,255,255,.02)}
.mk .tbl tr.s td:first-child{padding-left:30px;color:var(--tx3)}
.mk .tbl tr.t td{color:var(--tx);border-bottom:0;background:var(--card)}
.mk .tbl tr td.p{color:#7EE0A8}.mk .tbl tr td.neg{color:#F0A4A4}
.mk .tag{display:inline-block;font-family:var(--sans);font-size:11.5px;border:1px solid var(--line2);border-radius:5px;padding:2px 7px;color:var(--tx2);background:var(--bg2)}
.mk .ck{display:inline-flex;width:16px;height:16px;border-radius:4px;border:1px solid var(--line2);vertical-align:-3px}
.mk .ck.on{background:var(--brand);border-color:var(--brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}
.mk .tbl td .ck{margin:0 auto}
.mk .tbl.mx td,.mk .tbl.mx th{text-align:center}
/* ---------- контакты ---------- */
.ct{padding:96px 0 40px}
.ct-head{max-width:640px}
.ct-head h1{font-size:56px;line-height:1.05;font-weight:400;letter-spacing:-.01em}
.ct-head p{font-size:18px;color:var(--tx2);margin-top:16px}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}
.ct-card{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:28px;display:flex;flex-direction:column;transition:border-color .2s}
.ct-card:hover{border-color:var(--line2)}
.ct-card-h{display:flex;gap:14px;align-items:flex-start}
.ct-ico{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--acc)}
.ct-card h2{font-size:20px;font-weight:400;letter-spacing:-.01em}
.ct-card-h p{font-size:14px;color:var(--tx3);margin-top:4px}
.ct-list{list-style:none;margin:28px 0 28px;padding:0;border-top:1px solid var(--line)}
.ct-list li{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.ct-list span{font-size:13px;color:var(--tx3)}
.ct-list a{font-size:17px;color:var(--tx);transition:color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-list a:hover{color:var(--acc)}
.ct-copy{font:12px var(--sans);color:var(--tx3);background:none;border:1px solid transparent;border-radius:6px;padding:4px 8px;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,border-color .15s}
.ct-list li:hover .ct-copy,.ct-copy:focus-visible{opacity:1}
.ct-copy:hover{color:var(--tx);border-color:var(--line2)}
.ct-copy.ok{opacity:1;color:var(--acc)}
.ct-btn{margin-top:auto;align-self:flex-start}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}}
@media(max-width:640px){.ct{padding:56px 0 24px}.ct-head h1{font-size:38px}.ct-card{padding:22px}.ct-list li{grid-template-columns:80px 1fr}.ct-copy{display:none}}

.ct-grid2{margin-top:16px}
.ct-list b{font-weight:400;font-size:17px;color:var(--tx)}
.ct-todo{color:var(--tx3)!important;font-style:italic;font-family:var(--sans)!important}
.ct-card-h .ct-all{margin-left:auto;height:32px;font-size:13px}
.ct-map{position:relative;margin-top:auto;height:150px;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  background:var(--bg2);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px}
.ct-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(61,86,224,.25),transparent 55%)}
.ct-map i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px rgba(61,86,224,.25),0 0 24px var(--brand)}
.ct-map span{position:absolute;left:calc(50% + 16px);top:calc(50% - 10px);font-family:var(--mono);font-size:12px;color:var(--tx2)}
.ct-dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:24px 0 0;border-top:1px solid var(--line)}
.ct-dl div{padding:12px 0;border-bottom:1px solid var(--line)}
.ct-dl dt{font-size:12px;color:var(--tx3)}
.ct-dl dd{margin:4px 0 0;font-family:var(--mono);font-size:14px;color:var(--tx)}
@media(max-width:640px){.ct-dl{grid-template-columns:1fr}.ct-card-h{flex-wrap:wrap}.ct-card-h .ct-all{margin-left:54px}}
/* ---------- журнал (как Supabase Library) ---------- */
.lb{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1440px;margin:0 auto;min-height:70vh}
.lb-side{position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;border-right:1px solid var(--line);padding:28px 16px 40px 24px}
.lb-search{margin-bottom:24px}
.lb-search input{padding-right:12px}
.lb-cap{font-family:var(--mono);font-size:11px;color:var(--tx3);margin:18px 8px 8px}
.lb-nav a{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;font-size:14px;color:var(--tx2);transition:background .12s,color .12s}
.lb-nav a:hover{background:var(--card2);color:var(--tx)}
.lb-nav a.on{background:var(--card2);color:var(--tx)}
.lb-nav a svg{flex:none;color:var(--tx3);transition:color .12s}
.lb-nav a.on svg,.lb-nav a:hover svg{color:var(--acc)}
.lb-nav a em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--tx3)}
.lb-main{padding:40px 48px 96px;min-width:0}
.lb-head h1{font-size:40px;font-weight:400;letter-spacing:-.01em;line-height:1.1}
.lb-head p{font-size:16px;color:var(--tx2);margin-top:10px;max-width:640px}
.lb-sec{margin-top:56px}
.lb-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.lb-sec-h h2{font-size:20px;font-weight:400;letter-spacing:-.01em}
.lb-sec-h a{font-size:14px;color:var(--tx3);transition:color .15s}
.lb-sec-h a:hover{color:var(--acc)}
.lb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lb-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden;transition:border-color .2s,background .2s}
.lb-card:hover{border-color:var(--line2);background:#1D1D1D}
.lb-pv{position:relative;aspect-ratio:16/9;background:var(--bg2);border-bottom:1px solid var(--line);overflow:hidden;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;background-position:center}
.lb-pv:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(61,86,224,.18),transparent 60%);opacity:.6;transition:opacity .25s}
.lb-card:hover .lb-pv:before{opacity:1}
.lb-pv-ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:14px;border:1px solid var(--line2);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:color .2s,border-color .2s,transform .25s}
.lb-card:hover .lb-pv-ico{color:var(--acc);border-color:var(--accln);transform:translate(-50%,-50%) scale(1.06)}
.lb-pv-path{position:absolute;left:12px;bottom:10px;font-family:var(--mono);font-size:11px;color:var(--tx3)}
.lb-pv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lb-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.lb-body h3{font-size:16px;font-weight:400;color:var(--tx);line-height:1.35}
.lb-body p{font-size:14px;color:var(--tx2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-meta{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:11.5px;color:var(--tx3)}
.lb-empty{border:1px dashed var(--line2);border-radius:12px;padding:28px;color:var(--tx2);max-width:560px}
.lb-empty b{display:block;color:var(--tx);font-weight:400;font-size:17px;margin-bottom:6px}
/* статья */
.lb-art{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:48px}
.lb-art .dx-crumb{margin-bottom:16px}
.lb-art h1{font-size:40px;font-weight:400;letter-spacing:-.01em;line-height:1.15}
.lb-art .dx-lead{font-size:18px}
.lb-by{display:flex;gap:16px;align-items:center;margin-top:20px;font-family:var(--mono);font-size:12px;color:var(--tx3)}
.lb-cover{margin-top:28px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.lb-cover img{display:block;width:100%;height:auto}
.lb-art .dx-body{max-width:none;font-size:17px}
.lb-art .dx-body blockquote{border-left:2px solid var(--acc2);padding-left:18px;font-size:20px;color:var(--tx)}
.lb-toc{position:sticky;top:105px;align-self:start;font-size:13px}
.lb-toc h4{margin:0 0 12px;font-size:12px;font-weight:500;color:var(--tx)}
.lb-toc a{display:block;padding:5px 0 5px 12px;border-left:1px solid var(--line);color:var(--tx3);transition:color .12s,border-color .12s}
.lb-toc a:hover{color:var(--tx)}.lb-toc a.on{color:var(--tx);border-left-color:var(--acc)}
.lb-share{display:flex;gap:8px;margin-top:24px}
.lb-share a,.lb-share button{font:12px var(--sans);color:var(--tx3);border:1px solid var(--line2);background:none;border-radius:6px;padding:5px 9px;cursor:pointer;transition:color .15s,border-color .15s}
.lb-share a:hover,.lb-share button:hover{color:var(--tx);border-color:#4A4A4A}
.lb-cta{margin-top:56px;border:1px solid var(--accln);border-radius:12px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(180deg,rgba(61,86,224,.1),transparent)}
.lb-cta b{display:block;font-weight:400;font-size:18px;color:var(--tx)}
.lb-cta span{font-size:14px;color:var(--tx2)}
.lb-mtop{display:none}
@media(max-width:1200px){.lb-grid{grid-template-columns:1fr 1fr}.lb-art{grid-template-columns:1fr}.lb-toc{display:none}}
@media(max-width:900px){
  .lb{grid-template-columns:1fr}
  .lb-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px}
  .lb-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .lb-nav::-webkit-scrollbar{display:none}
  .lb-nav .lb-cap{display:none}
  .lb-nav a{flex:none;border:1px solid var(--line2);border-radius:999px;padding:6px 12px}
  .lb-nav a em{display:none}
  .lb-search{margin-bottom:12px}
  .lb-main{padding:28px 16px 64px}
  .lb-head h1,.lb-art h1{font-size:30px}
}
@media(max-width:640px){.lb-grid{grid-template-columns:1fr}}
.lb-pv-ico[hidden]{display:none}
/* ---------- партнёрам ---------- */
.pt-who{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.pt-who-c{display:flex;gap:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);padding:22px 24px;font-size:14px;color:var(--tx2)}
.pt-who-c span{font-family:var(--mono);font-size:12px;color:var(--acc);padding-top:3px}
.pt-who-c b{display:block;font-weight:400;font-size:17px;color:var(--tx);margin-bottom:4px}
.pt-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.pt-bento .pc{min-height:200px}
.pt-big{grid-row:span 2}
.pt-wide{grid-column:span 3}
.pt-mat{grid-column:span 2}
.pt-mat .pc-vis{padding-top:20px}
.pt-bento .pt-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:32px;align-items:start}
.pt-bento .pt-wide .pc-h{grid-column:1}.pt-bento .pt-wide .pc-t{grid-column:1}
.pt-bento .pt-wide .pc-vis{grid-column:2;grid-row:1/span 2;padding-top:0;margin:0}
.pt-tree{margin-top:4px}.pt-tree .code{min-height:0;padding:14px 0;font-size:12.5px}
.pt-cmp{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13px}
.pt-cmp th,.pt-cmp td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:center;color:var(--tx3)}
.pt-cmp th{background:var(--bg2);font-weight:400;font-family:var(--mono);font-size:11.5px}
.pt-cmp th:first-child,.pt-cmp td:first-child{text-align:left;color:var(--tx2)}
.pt-cmp th:nth-child(2){color:var(--acc)}
.pt-cmp td.y{color:var(--tx)}
.pt-cmp tr:last-child td{border-bottom:0}
.pt-note{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-top:8px}
.pt-lead{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:14px 16px}
.pt-lead div{display:grid;gap:2px;flex:1}
.pt-lead code{font-family:var(--mono);font-size:11px;color:var(--acc)}
.pt-lead b{font-weight:400;color:var(--tx)}
.pt-lead span{font-size:13px;color:var(--tx3)}
.pt-lead em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--tx2);border:1px solid var(--accln);background:var(--accbg);border-radius:999px;padding:4px 10px;white-space:nowrap}
.pt-own{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:48px 56px;background:radial-gradient(600px circle at 0% 50%,rgba(61,86,224,.14),transparent 60%),var(--bg2)}
.pt-zero{font-size:140px;line-height:.9;letter-spacing:-.04em;color:var(--acchead)}
.pt-own h2{font-size:40px;font-weight:400;letter-spacing:-.01em}
.pt-own h2 span{color:var(--tx3)}
.pt-own p{font-size:17px;color:var(--tx2);margin-top:14px;max-width:620px}
.pt-join{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.pt-phrase{border:1px dashed var(--accln);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--accbg)}
.pt-phrase span{font-size:14px;color:var(--tx2)}
.pt-phrase b{font-weight:400;font-size:28px;color:var(--tx);letter-spacing:-.01em;margin-bottom:14px}
.pt-ch{margin:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:6px 24px}
.pt-ch li{grid-template-columns:96px 1fr}
.pt-ch li:last-child{border-bottom:0}
.pt-more{margin-top:16px;font-size:14px;color:var(--tx3)}
@media(max-width:1000px){
  .pt-bento{grid-template-columns:1fr 1fr}.pt-big{grid-row:auto;grid-column:span 2}.pt-wide,.pt-mat{grid-column:span 2}
  .pt-bento .pt-wide{grid-template-columns:1fr}.pt-bento .pt-wide .pc-vis{grid-column:1;grid-row:auto;padding-top:20px}
  .pt-own{grid-template-columns:1fr;gap:16px;padding:32px}.pt-zero{font-size:96px}
  .pt-join{grid-template-columns:1fr}
}
@media(max-width:640px){.pt-who,.pt-bento{grid-template-columns:1fr}.pt-big,.pt-wide,.pt-mat{grid-column:auto}.pt-own h2{font-size:28px}.pt-phrase b{font-size:22px}}
/* ---------- юридические страницы ---------- */
.lg{padding:72px 0 96px}
.lg-w{max-width:760px;margin:0 auto;padding:0 24px}
.lg-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:56px}
.lg-nav a{font-size:13px;color:var(--tx3);border:1px solid var(--line);border-radius:999px;padding:5px 12px;transition:color .15s,border-color .15s}
.lg-nav a:hover{color:var(--tx);border-color:var(--line2)}
.lg-nav a[aria-current]{color:var(--tx);border-color:var(--line2);background:var(--card)}
.lg h1{font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-.01em}
.lg-upd{margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--tx3)}
.lg-body{margin-top:40px;padding-top:32px;border-top:1px solid var(--line);font-size:16px;line-height:1.75;color:var(--tx2)}
.lg-body>*+*{margin-top:14px}
.lg-body h2{font-size:21px;font-weight:400;color:var(--tx);margin-top:40px;line-height:1.3}
.lg-body h3{font-size:17px;font-weight:400;color:var(--tx);margin-top:28px}
.lg-body h4{font-size:15px;font-weight:500;color:var(--tx);margin-top:20px}
.lg-body strong{color:var(--tx);font-weight:500}
.lg-body a{color:var(--tx);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.lg-body a:hover{text-decoration-color:var(--acc)}
.lg-body ul,.lg-body ol{padding-left:24px}
.lg-body li+li{margin-top:6px}
.lg-body li::marker{color:var(--tx3)}
.lg-body blockquote{margin:0;border:1px solid var(--line2);border-left:3px solid var(--acc2);border-radius:8px;background:var(--card);padding:12px 16px;font-size:14px}
.lg-body code{font-family:var(--mono);font-size:.88em;background:var(--card2);padding:1px 5px;border-radius:4px}
.lg-q{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--tx3)}
.lg-q a{color:var(--tx2)}.lg-q a:hover{color:var(--acc)}
@media(max-width:640px){.lg{padding:48px 0 64px}.lg-w{padding:0 16px}.lg h1{font-size:32px}.lg-nav{margin-bottom:36px}}