/* legko-ai · стиль Excalidraw: бумага в точку, рукописные шрифты, рамки «от руки» */
@font-face{font-family:Caveat;font-weight:500 700;font-display:swap;src:url(/assets/fonts/caveat-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Caveat;font-weight:500 700;font-display:swap;src:url(/assets/fonts/caveat-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Neucha;font-weight:400;font-display:swap;src:url(/assets/fonts/neucha-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Neucha;font-weight:400;font-display:swap;src:url(/assets/fonts/neucha-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--ink:#1e1e1e;--paper:#fdfbf5;--dot:#cfc9bb;--blue:#a5d8ff;--green:#b2f2bb;--yel:#ffec99;--red:#ffc9c9;--pur:#d0bfff;--pink:#eebefa;--lime:#CFEF00;--mut:#5c5a55;
  --head:Caveat,"Segoe Print","Comic Sans MS",cursive;--body:Neucha,"Segoe Print","Comic Sans MS",cursive}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:var(--body);font-size:20px;line-height:1.42;background-color:var(--paper);
  background-image:radial-gradient(var(--dot) 1.3px,transparent 1.4px);background-size:26px 26px;overflow-x:hidden}
img,svg,video{max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.02;margin:0;letter-spacing:.2px;text-wrap:balance}
h1{font-size:clamp(46px,8.2vw,92px)}
h2{font-size:clamp(38px,5.6vw,64px)}
h3{font-size:clamp(28px,3.4vw,36px);line-height:1.05}
p{margin:0}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
section{padding:54px 0}
.sub{font-size:clamp(20px,2.4vw,25px);color:var(--mut);margin-top:12px;max-width:760px;text-wrap:pretty}
.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}
.mk{background:linear-gradient(100deg,transparent 0 1%,var(--lime) 2% 98%,transparent 99%) no-repeat 0 78%/100% 46%;padding:0 .12em;margin:0 -.06em;border-radius:6px 14px 8px 12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.note{font-size:17px;color:var(--mut)}
.tagx{display:inline-block;font-size:16px;background:#fff;border:1.6px dashed var(--ink);border-radius:20px 14px 18px 12px;padding:1px 10px;transform:rotate(-2deg);vertical-align:middle}

/* рамки «от руки» — рисует rough.js; без JS остаётся обычная рамка */
.rb{position:relative;isolation:isolate;border:2px solid var(--ink);border-radius:16px}
.rb[data-fill]{background:var(--f)}
.rough-on .rb{border-color:transparent;background:none}
.rb>svg.rb-svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}

/* шапка */
.top{position:sticky;top:0;z-index:20;background:rgba(253,251,245,.93);backdrop-filter:blur(4px);border-bottom:2px dashed var(--ink)}
.top .wrap{display:flex;align-items:center;gap:18px;height:62px}
.logo{font-family:var(--head);font-weight:700;font-size:34px;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:8px}
.logo svg{width:36px;height:36px}
.nav{display:flex;gap:20px;margin-left:auto;font-size:19px}
.nav a{text-decoration:none;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--ink)}
@media(max-width:860px){.nav{display:none}.top .btn{margin-left:auto}}

/* кнопки */
.btn{display:inline-block;font-family:var(--head);font-weight:700;font-size:27px;line-height:1;text-decoration:none;padding:13px 26px 15px;cursor:pointer;color:var(--ink);background:none;transition:transform .12s}
button.btn{font-family:var(--head)}
.btn:hover{transform:translate(-2px,-3px) rotate(-1deg)}
.btn:active{transform:translate(1px,2px)}
.btn.sm{font-size:22px;padding:8px 18px 10px}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;align-items:center}
.center .btns{justify-content:center}
:focus-visible{outline:3px solid #1971c2;outline-offset:3px;border-radius:8px}

/* герой */
.hero{padding:44px 0 30px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.hero .kick{font-size:21px;margin-bottom:12px;display:inline-block}
.hero ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
.hero li{padding-left:34px;position:relative}
.hero li:before{content:"";position:absolute;left:2px;top:.28em;width:22px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M2 10l6 6L22 2' fill='none' stroke='%231e1e1e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero{padding-top:26px}}

/* телефон с чатом */
.phone{max-width:380px;margin:0 auto;padding:16px 14px 18px;transform:rotate(1.2deg)}
.phone .ph-h{display:flex;align-items:center;gap:10px;padding:2px 6px 10px;border-bottom:2px dashed var(--ink);margin-bottom:12px}
.phone .ph-h svg{width:40px;height:40px;flex:none}
.phone .ph-h b{font-family:var(--head);font-size:26px;line-height:1}
.phone .ph-h small{display:block;font-size:15px;color:var(--mut)}
.chat{display:flex;flex-direction:column;gap:10px}
.bub{max-width:86%;padding:8px 14px 9px;font-size:18px;line-height:1.3}
.bub.me{align-self:flex-end}
.bub.bot{align-self:flex-start}
.bub .who{display:block;font-size:14.5px;color:var(--mut);margin-bottom:1px}
.bub .wave{display:flex;align-items:center;gap:3px;height:22px;margin-bottom:3px}
.bub .wave i{width:3px;background:var(--ink);border-radius:2px}

/* сетки и карточки */
.grid{display:grid;gap:20px;margin-top:30px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr;gap:12px}section{padding:40px 0}body{font-size:19px}}
.card{padding:18px 20px 20px}
.card h3{margin-bottom:6px}
.card p{font-size:19px}
.card .ic{width:50px;height:50px;margin-bottom:6px;display:block}
.card ul{margin:6px 0 0;padding-left:20px}
.card li{margin:3px 0}
.ic{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ic .i2{opacity:.55;stroke-width:1.8}

/* карточки отраслей */
a.ind{display:block;text-decoration:none;padding:16px 16px 18px;transition:transform .14s;height:100%}
a.ind:hover{transform:translate(-2px,-4px) rotate(-.8deg)}
a.ind .ic{width:54px;height:54px}
a.ind h3{font-size:30px;margin:4px 0 4px}
a.ind p{font-size:17px;color:#3b3a37;line-height:1.28}
a.ind .go{font-family:var(--head);font-size:23px;font-weight:700;margin-top:8px;display:inline-block}
@media(max-width:640px){a.ind{padding:12px 12px 14px}a.ind h3{font-size:25px}a.ind p{font-size:15.5px}a.ind .ic{width:44px;height:44px}}

/* схемы */
.flow{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:6px;margin-top:30px}
.flow .node{flex:1 1 0;min-width:0;padding:12px 8px 14px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.flow .node b{font-family:var(--head);font-size:25px;line-height:1;display:block}
.flow .node span{font-size:16px;line-height:1.2;display:block;margin-top:4px;color:#3b3a37}
.arr{width:34px;flex:none;align-self:center;fill:none;stroke:var(--ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:980px){.flow{flex-direction:column;align-items:center}.flow .node{max-width:360px;width:100%;flex:none}.flow>.arr{transform:rotate(90deg);height:30px}}
.strip{margin-top:14px;padding:8px 16px;text-align:center;font-size:18px}

.scheme{display:grid;grid-template-columns:1fr auto 1.05fr auto 1fr;gap:10px;align-items:center;margin-top:30px}
.scheme .col{padding:14px 14px 16px}
.scheme .col>b{font-family:var(--head);font-size:28px;display:block;text-align:center;margin-bottom:8px;line-height:1}
.scheme .chips{display:flex;flex-direction:column;gap:8px}
.chip{padding:6px 12px 7px;font-size:18px;line-height:1.2;text-align:center}
@media(max-width:820px){.scheme{grid-template-columns:1fr}.scheme>.arr{transform:rotate(90deg);justify-self:center;height:34px}.scheme .chips{flex-direction:row;flex-wrap:wrap;justify-content:center}}

.arch{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:center;margin-top:30px;padding:26px 18px 20px}
.arch .lbl{position:absolute;top:-17px;left:24px;background:var(--paper);padding:0 10px;font-family:var(--head);font-size:25px;font-weight:700;z-index:2}
.arch .side{display:grid;gap:16px}
.arch .box{padding:12px 14px 14px}
.arch .box b{font-family:var(--head);font-size:26px;line-height:1;display:block}
.arch .box span{font-size:16.5px;line-height:1.22;display:block;margin-top:4px}
.arch .core{padding:18px 16px 18px;text-align:center}
.arch .core b{font-size:34px}
.arch .core .chips{display:grid;gap:8px;margin-top:10px}
.arch .bottom{grid-column:1/-1;justify-self:center;max-width:420px;width:100%;text-align:center}
@media(max-width:820px){.arch{grid-template-columns:1fr}}

.mem{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:30px;align-items:center}
.mem .box{padding:12px 14px 14px;text-align:center}
.mem .box b{font-family:var(--head);font-size:27px;line-height:1;display:block}
.mem .box span{font-size:16.5px;line-height:1.22;display:block;margin-top:4px}
.mem .mid{grid-row:1/3;grid-column:2;padding:26px 14px}
.mem .mid b{font-size:36px}
@media(max-width:720px){.mem{grid-template-columns:1fr 1fr}.mem .mid{grid-row:auto;grid-column:1/-1}}

/* таблица нейросетей */
.tbl{margin-top:28px;padding:6px 16px}
.tbl .row{display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:14px;padding:10px 0;border-bottom:1.6px dashed #8d897f;font-size:18.5px;line-height:1.25}
.tbl .row:last-child{border-bottom:0}
.tbl .row.h{font-family:var(--head);font-size:25px;font-weight:700}
.free{background:var(--green);border-radius:10px 14px 9px 13px;padding:0 8px;white-space:nowrap}
.paid{background:var(--red);border-radius:10px 14px 9px 13px;padding:0 8px;white-space:nowrap}
@media(max-width:700px){.tbl .row{grid-template-columns:1fr;gap:2px}.tbl .row.h{display:none}.tbl .row b{font-family:var(--head);font-size:24px}}

/* шаги */
.steps{counter-reset:s;display:grid;gap:14px;margin-top:28px}
.step{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;padding:12px 18px 14px}
.step .n{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:36px;font-weight:700}
.step b{font-family:var(--head);font-size:29px;line-height:1}
.step p{font-size:18.5px}

/* пакеты */
.pack{padding:22px 22px 24px;display:flex;flex-direction:column}
.pack h3{font-size:44px}
.pack .price{font-family:var(--head);font-size:26px;margin:2px 0 8px}
.pack ul{padding-left:22px;margin:6px 0 18px;flex:1}
.pack li{margin:5px 0;font-size:18.5px;line-height:1.28}
.pack .badge{position:absolute;top:-16px;right:16px;z-index:3;background:var(--lime);border:2px solid var(--ink);border-radius:14px 20px 12px 18px;padding:0 12px;font-family:var(--head);font-size:22px;font-weight:700;transform:rotate(4deg)}

/* FAQ */
details{padding:12px 18px 13px;margin-top:14px}
summary{font-family:var(--head);font-size:30px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;line-height:1.05}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:34px;line-height:.8}
details[open] summary:after{content:"–"}
details p{margin-top:8px}

/* форма */
.form{padding:24px 22px 26px;max-width:720px;margin:30px auto 0}
.form label{display:block;font-family:var(--head);font-size:25px;font-weight:700;margin:12px 0 2px}
.form input[type=text],.form select,.form textarea{width:100%;font:inherit;font-size:20px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:12px 16px 11px 15px;padding:9px 12px}
.form textarea{min-height:96px;resize:vertical}
.form .ok{display:flex;gap:10px;align-items:flex-start;font-size:16.5px;margin-top:14px;line-height:1.25}
.form .ok input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:#1e1e1e}
.form .hp{position:absolute;left:-9999px}
.form .msg{margin-top:14px;font-size:21px;display:none}
.form .msg.on{display:block}

/* страница отрасли */
.crumb{font-size:18px;margin-bottom:14px}
.ihero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.ihero .big-ic{width:86px;height:86px}
@media(max-width:900px){.ihero .wrap{grid-template-columns:1fr}}
.film{max-width:360px;margin:0 auto;padding:12px 12px 14px;transform:rotate(-1deg)}
.film video{display:block;width:100%;aspect-ratio:9/16;border-radius:12px;background:#f3efe4}
.film .cap{text-align:center;font-size:16.5px;margin-top:8px;line-height:1.2}
.agent{padding:14px 16px 16px}
.agent b{font-family:var(--head);font-size:30px;line-height:1}
.agent i{font-style:normal;display:block;font-size:17px;color:var(--mut);margin-bottom:5px}
.agent p{font-size:18.5px;line-height:1.3}
.daycol h3{display:inline-block;padding:2px 16px 5px;margin-bottom:14px}
.scn{margin-bottom:22px}
.scn .t{font-family:var(--head);font-size:26px;font-weight:700;margin-bottom:6px}
.month{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;margin-top:26px}
@media(max-width:900px){.month{grid-template-columns:1fr}}
.month ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.month li{padding:9px 14px 10px}
.month li b{font-family:var(--head);font-size:26px;line-height:1;display:block}
.month li span{font-size:18px;line-height:1.25}
.rep{padding:18px 18px 16px;transform:rotate(.8deg)}
.rep h3{font-size:34px}
.rep .pf{display:flex;gap:18px;font-size:19px;margin:6px 0 10px;flex-wrap:wrap}
.rep .pf b{font-family:var(--head);font-size:30px}
.bars{display:grid;gap:7px}
.bar{display:grid;grid-template-columns:96px 1fr 64px;gap:8px;align-items:center;font-size:17px}
.bar i{display:block;height:22px;border:2px solid var(--ink);border-radius:5px 9px 6px 8px;background:repeating-linear-gradient(-45deg,var(--c) 0 5px,transparent 5px 8px),color-mix(in srgb,var(--c) 45%,#fff)}
.bar em{font-style:normal;text-align:right}
.rep .bw{display:grid;gap:4px;margin-top:12px;font-size:18px}
.rep .notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rep .notes span{font-size:16px;border:1.6px dashed var(--ink);border-radius:12px;padding:1px 9px;background:#fff}
.stamp{position:absolute;top:-14px;right:-8px;z-index:3;transform:rotate(7deg);font-family:var(--head);font-weight:700;font-size:22px;color:#c92a2a;border:2.4px solid #c92a2a;border-radius:10px;padding:0 10px;background:var(--paper)}
.pn{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px;font-family:var(--head);font-size:26px;font-weight:700}
.pn a{text-decoration:none}

footer{border-top:2px dashed var(--ink);padding:26px 0 40px;font-size:17px;color:var(--mut)}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between}
.tilt1{transform:rotate(-.7deg)}.tilt2{transform:rotate(.6deg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,a.ind{transition:none}}

.arch .box .ic{width:40px;height:40px;display:block;margin-bottom:4px}
.arch .core .ic,.mem .mid .ic{width:66px;height:66px;display:block;margin:0 auto 4px}
.form label.ok{font-family:var(--body);font-weight:400}
.scheme .arr{width:46px}
section{scroll-margin-top:66px}
.rep .pf{align-items:baseline}