/* BrainAid — стили сайта. Палитра и приёмы — по согласованному макету (06.10.2026). */
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;
  src:url(../fonts/onest-cyrillic-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;
  src:url(../fonts/onest-latin-wght-normal.woff2) format("woff2-variations");
  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:Onest;font-style:normal;font-display:swap;font-weight:100 900;
  src:url(../fonts/onest-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#070912; --card:#10131F; --card-2:#181C2C; --line:#232738; --line-2:#2A2F45;
  --text:#F3F4F8; --muted:#9AA0B8; --soft:#C4C8DC; --dim:#6E7491;
  --grad:linear-gradient(90deg,#E012FD,#9B3BFF 35%,#2F7BFF 65%,#00DCFC);
  --r:20px; --pill:999px; --w:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 Onest,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--text)}
a:hover{color:#fff}
img,svg{max-width:100%}
:focus-visible{outline:2px solid #7FE6F8;outline-offset:3px;border-radius:6px}
.page{position:relative;overflow:hidden;min-height:100vh}
/* clip, а не hidden: иначе не работает «прилипающее» оглавление */
@supports (overflow:clip){.page{overflow:visible;overflow-x:clip}}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.sec{max-width:var(--w);margin:0 auto;padding:64px 24px;position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}
.h1{font-weight:700;font-size:clamp(40px,5.6vw,72px);line-height:1.03;letter-spacing:-.035em}
.h2{font-weight:700;font-size:clamp(30px,4vw,48px);margin:0 0 32px}
.h3{font-weight:700;font-size:20px;letter-spacing:-.015em;margin:0 0 16px}
.muted{color:var(--muted)}
.lead{font-size:20px;line-height:1.55;color:#B9BDD6;max-width:540px;margin:0}
.head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}
.head-row .h2{margin:0}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border-radius:var(--pill);background:var(--text);color:var(--bg);text-decoration:none;font-weight:700;font-size:17px;border:0;cursor:pointer}
.btn:hover{color:var(--bg);background:#fff}
.btn-ghost{display:inline-flex;align-items:center;min-height:56px;padding:0 24px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:var(--text);text-decoration:none;font-weight:600;font-size:17px}
.btn-sm{min-height:44px;padding:0 20px;font-size:15px}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line-2);text-decoration:none;font-size:15px;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}

/* Шапка */
.hdr{position:relative;z-index:3;max-width:var(--w);margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.02em}
.logo svg{width:31px;height:30px;display:block}
.nav{display:flex;flex-wrap:wrap;gap:4px 28px;font-size:15px;font-weight:500}
.nav a{color:var(--muted);text-decoration:none;padding:10px 0}
.nav a:hover,.nav a[aria-current=page]{color:var(--text)}

/* Атмосфера и мозг */
.aurora{position:absolute;left:0;right:0;top:0;height:1100px;pointer-events:none;z-index:0;
  background:radial-gradient(640px 460px at 78% 30%,rgba(155,59,255,.42),transparent 70%),
    radial-gradient(520px 420px at 96% 58%,rgba(0,220,252,.28),transparent 70%),
    radial-gradient(620px 420px at 58% 8%,rgba(224,18,253,.26),transparent 70%),
    radial-gradient(700px 500px at 8% 85%,rgba(47,123,255,.18),transparent 70%);
  -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);
  animation:drift 18s ease-in-out infinite alternate}
.aurora.soft{height:700px;opacity:.6}
@keyframes drift{to{transform:translate3d(-3%,2%,0) scale(1.06)}}
.halo{position:absolute;left:8%;right:8%;top:12%;bottom:12%;border-radius:50%;background:var(--grad);filter:blur(90px);opacity:.38;animation:breathe 6s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.3;transform:scale(.94)}50%{opacity:.5;transform:scale(1.04)}}
.bl{fill:none;stroke:url(#bg-grad);stroke-width:28;stroke-linecap:round;stroke-linejoin:round}
.bd{fill:url(#bg-grad)}
.bpulse{filter:drop-shadow(0 0 5px #fff)}
.bpulse path{fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round;stroke-dasharray:4 296;stroke-dashoffset:300;opacity:.85;animation:brun linear infinite}
@keyframes brun{to{stroke-dashoffset:0}}
.hero-brain{position:relative;width:100%;max-width:480px;height:auto;display:block;filter:drop-shadow(0 0 24px rgba(155,59,255,.35))}
.blit{width:200px;max-width:50vw;height:auto;display:block;opacity:.25;filter:saturate(.2)}
@supports (animation-timeline:view()){.blit{animation:blight linear both;animation-timeline:view();animation-range:entry 10% cover 50%}}
@supports not (animation-timeline:view()){.blit{opacity:1;filter:none}}
@keyframes blight{to{opacity:1;filter:saturate(1) drop-shadow(0 0 40px rgba(155,59,255,.45))}}
.glow-l::before,.glow-r::before{content:"";position:absolute;z-index:0;width:620px;height:520px;border-radius:50%;filter:blur(120px);opacity:.22;pointer-events:none}
.glow-l::before{left:-260px;top:0;background:#9B3BFF}
.glow-r::before{right:-260px;top:10%;background:#00B8FC}
.glow-l>*,.glow-r>*{position:relative;z-index:1}
.glow{position:absolute;border-radius:50%;background:var(--grad);pointer-events:none}

/* Первый экран */
.hero{position:relative;z-index:1;max-width:var(--w);margin:0 auto;padding:48px 24px 72px;display:flex;flex-wrap:wrap;align-items:center;gap:32px 56px}
.hero-text{flex:999 1 480px;min-width:0}
.hero-text .h1{margin:0 0 24px;max-width:660px}
.hero-text .lead{margin-bottom:36px}
.hero-art{flex:1 1 380px;min-width:0;display:flex;justify-content:center;position:relative}

/* Демо-чат */
.demo{display:flex;flex-wrap:wrap;align-items:center;gap:40px 64px}
.demo-text{flex:1 1 320px;min-width:0}
.demo-text .h2{margin-bottom:16px}
.chat-col{flex:1 1 420px;min-width:0;max-width:560px;position:relative}
.chat-col .glow{left:6%;right:6%;bottom:-40px;height:160px;filter:blur(70px);opacity:.55}
.chat{position:relative;border-radius:28px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.chat-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.chat-ava{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center}
.chat-ava svg{width:24px;height:24px}
.chat-head b{display:block;font-size:16px;line-height:1.3}
.chat-head small{font-size:13px;color:var(--muted)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 0}
.tab{min-height:40px;padding:0 16px;border-radius:var(--pill);font:600 14px Onest,system-ui,sans-serif;cursor:pointer;background:transparent;color:#C4C8DC;border:1px solid var(--line-2)}
.tab[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.chat-body{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:380px}
.bu{margin:0;align-self:flex-end;max-width:82%;padding:12px 16px;border-radius:18px 18px 4px 18px;background:var(--line-2);font-size:15px;line-height:1.5;min-height:47px}
.bb{align-self:flex-start;max-width:90%;padding:12px;border-radius:18px 18px 18px 4px;background:var(--card-2);display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5}
.bb p{margin:0 4px}
.bb .note{font-size:13px;color:var(--muted)}
.ph{border-radius:8px;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.cards5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.cards5 .ph{aspect-ratio:3/4}
.file{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--line)}
.file i{width:40px;height:40px;border-radius:10px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font:800 13px/1 Onest,sans-serif;font-style:normal}
.file b{display:block;font-weight:600;font-size:15px}
.file small{font-size:13px;color:var(--muted)}
.pill-files{display:flex;flex-wrap:wrap;gap:8px}
.pill-files span{padding:10px 12px;border-radius:12px;background:var(--line);font-size:14px;font-weight:600}
.typing{align-self:flex-start;padding:14px 16px;border-radius:18px 18px 18px 4px;background:var(--card-2);display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.typing span:first-child{margin-right:6px}
.tdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);animation:tblink 1.2s infinite}
.tdot:nth-child(3){animation-delay:.2s}.tdot:nth-child(4){animation-delay:.4s}
@keyframes tblink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.2em;background:var(--text);animation:tblink 1s infinite}
.fadein{animation:fin .35s ease-out}
@keyframes fin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
[hidden]{display:none!important}

/* Три способа */
.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid var(--line)}
.levels a{padding:28px;display:flex;flex-direction:column;gap:8px;text-decoration:none;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
.levels a:first-child{padding-left:0;border-left:0}
.levels span{color:var(--muted);font-size:15px}
.levels b{font-weight:700;font-size:26px;letter-spacing:-.02em}

/* Агент */
.agent{position:relative;border-radius:32px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.agent .glow{right:-10%;top:-30%;width:60%;height:70%;filter:blur(110px);opacity:.22}
.agent-in{position:relative;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.agent h2{font-weight:700;font-size:clamp(32px,4.4vw,56px);line-height:1.05;letter-spacing:-.035em;max-width:760px}
.agent p{margin:0;font-size:19px;color:var(--soft)}
.steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.steps li{display:flex;align-items:center;gap:8px}
.steps li span{padding:10px 18px;border-radius:var(--pill);border:1px solid var(--line-2);font-weight:600;font-size:15px}
.steps li:not(:last-child)::after{content:"";width:24px;height:1px;background:var(--line-2)}

/* Помощники: сетка-«таблица» с линейными иконками в цветах логотипа */
.ico{width:36px;height:36px;fill:none;stroke:url(#ig);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico-lg{width:52px;height:52px}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:26px 24px 24px;min-height:170px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:background .25s}
.tile .ico{margin-bottom:auto;transition:transform .25s,filter .25s}
.tile b{font-weight:700;font-size:18px;letter-spacing:-.01em;margin-top:22px}
.tile span{font-size:14px;color:var(--muted);line-height:1.4}
.tile::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;height:90%;border-radius:50%;background:var(--grad);filter:blur(50px);opacity:0;transition:opacity .3s}
.tile:hover{background:rgba(255,255,255,.02)}
.tile:hover::after{opacity:.18}
.tile:hover .ico{transform:translateY(-2px);filter:drop-shadow(0 0 8px rgba(155,59,255,.6))}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Демо: мини-карусель, обложка, график */
.mini-car{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mini-car img.mc{padding:0;object-fit:cover;width:100%}
.mc{aspect-ratio:3/4;border-radius:8px;padding:7px 6px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;font-family:Onest,sans-serif}
.mc b{font-size:9.5px;line-height:1.15;font-weight:800;letter-spacing:-.01em}
.mc small{font-size:7px;opacity:.85;font-weight:600}
.mc i{font-style:normal;font-size:6.5px;opacity:.85}
.mc1{background:linear-gradient(160deg,#E012FD,#7A4DFF)}
.mc2{background:#fff;color:#14112A}.mc2 small{color:#9B3BFF}
.mc3{background:linear-gradient(160deg,#7A4DFF,#2F86FF)}
.mc4{background:#fff;color:#14112A}.mc4 small{color:#2F86FF}
.mc5{background:linear-gradient(160deg,#2F86FF,#00DCFC)}
.stag>*{animation:fin .45s both}
.stag>*:nth-child(2){animation-delay:.12s}.stag>*:nth-child(3){animation-delay:.24s}.stag>*:nth-child(4){animation-delay:.36s}.stag>*:nth-child(5){animation-delay:.48s}
.cover-demo{width:100%;height:auto;display:block;border-radius:10px}
.chart-demo{width:100%;max-width:300px;height:auto;display:block}
.chart-demo .bar{transform-box:fill-box;transform-origin:bottom;animation:grow .6s both}
.chart-demo .bar:nth-of-type(2){animation-delay:.15s}.chart-demo .bar:nth-of-type(3){animation-delay:.3s}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* Примеры */
.ex{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.ex figure{margin:0}
.ex .img{aspect-ratio:3/4;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden}
.ex img{width:100%;height:100%;object-fit:cover;display:block}
.ex figcaption{margin-top:12px;font-size:15px}
.ex figcaption b{display:block;font-weight:600}
.ex figcaption a{color:var(--muted)}

/* Нейросети */
.mrows{border-top:1px solid var(--line)}
.mrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:18px 0;border-bottom:1px solid var(--line)}
.mrow b{flex:0 0 140px}
.chip.nolink{border-style:dashed}

/* Отличия */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 32px}
.why div{padding:24px 0;border-top:1px solid var(--line)}
.why h3{font-size:19px;margin:0 0 6px;letter-spacing:-.015em}
.why p{margin:0;color:var(--muted);font-size:15px}

/* Тарифы */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:40px}
.pcell{padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.pcell span{color:var(--muted);font-weight:500}
.pcell b{font-weight:700;font-size:44px;letter-spacing:-.03em;line-height:1.15}
.pcell small{color:var(--muted);font-size:15px}
.pcell.hl{background:linear-gradient(180deg,rgba(155,59,255,.14),transparent)}
.calc{padding:clamp(24px,4vw,40px);border-radius:28px;background:var(--card);border:1px solid var(--line)}
.calc h3{font-size:24px;margin:0 0 20px}
.calc .tabs{padding:0;margin-bottom:28px}
.calc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.calc-out b{display:block;font-weight:700;font-size:44px;letter-spacing:-.03em;line-height:1.1}
.calc-out span{font-weight:600}
.free{margin:24px 0 0;color:var(--muted)}

/* Карточки статей */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 24px}
.card{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.card .img{aspect-ratio:16/9;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.card .img img{width:100%;height:100%;object-fit:cover}
.card .img svg{width:28%;opacity:.6}
.card small{color:var(--muted);font-size:14px}
.card b{font-weight:700;font-size:20px;line-height:1.3;letter-spacing:-.015em}

/* Вопросы */
.faq{display:flex;flex-wrap:wrap;gap:32px 64px}
.faq .h2{flex:1 1 300px;margin:0}
.faq-list{flex:999 1 560px;min-width:0;border-top:1px solid var(--line)}
details{padding:22px 0;border-bottom:1px solid var(--line)}
summary{font-weight:600;font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--muted);font-weight:400;font-size:24px;line-height:1}
details[open] summary::after{content:"−"}
details p{margin:12px 0 0;color:var(--muted)}

/* Финальный призыв */
.cta{padding:120px 24px 112px;text-align:center;position:relative}
.cta .glow{left:25%;right:25%;top:40%;height:140px;filter:blur(90px);opacity:.28}
.cta-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px}
.cta h2{font-weight:700;font-size:clamp(32px,5vw,60px);line-height:1.05;letter-spacing:-.035em;max-width:760px}

/* Подвал */
.ftr{border-top:1px solid var(--line);position:relative;z-index:1}
.ftr-in{max-width:var(--w);margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;font-size:14px;color:var(--muted)}
.ftr-in b{color:var(--text);font-weight:600;display:block}
.ftr nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.ftr a{color:var(--muted)}

/* Мобильная кнопка */
.mbar{display:none;transform:translateY(160%);transition:transform .25s ease;position:fixed;left:12px;right:12px;bottom:12px;z-index:20;padding:8px;border-radius:var(--pill);background:rgba(16,19,31,.92);border:1px solid var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mbar.on{transform:none}
.mbar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:var(--pill);background:var(--text);color:var(--bg);text-decoration:none;font-weight:700;font-size:17px}

/* Внутренние страницы */
.crumbs{font-size:14px;color:var(--muted);margin-bottom:24px}
.crumbs a{color:var(--muted)}
.page-hero{position:relative;z-index:1;max-width:var(--w);margin:0 auto;padding:24px 24px 80px;display:flex;flex-wrap:wrap;align-items:center;gap:40px 56px}
.page-hero .txt{flex:999 1 520px;min-width:0}
.page-hero .h1{margin:0 0 24px;font-size:clamp(36px,5.2vw,66px)}
.page-hero .lead{margin-bottom:36px}
.page-hero .art{flex:1 1 300px;min-width:0;display:flex;justify-content:center;position:relative}
.page-hero .art svg{max-width:320px}
.nsteps{margin:0;padding:32px 0 0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;border-top:1px solid var(--line);counter-reset:s}
.nsteps li{display:flex;flex-direction:column;gap:10px;counter-increment:s}
.nsteps li::before{content:counter(s);font-weight:700;font-size:40px;letter-spacing:-.03em;color:var(--dim);line-height:1}
.nsteps b{font-size:20px}
.nsteps span{color:var(--muted)}
.split{display:flex;flex-wrap:wrap;gap:32px 64px}
.split>.h2,.split>.side{flex:1 1 300px;margin:0}
.split>.main{flex:999 1 560px;min-width:0}
.asks{display:flex;flex-direction:column;gap:12px}
.asks p{margin:0;padding:18px 22px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px 40px}
.feat h3{font-size:19px;margin:0 0 10px;letter-spacing:-.015em}
.feat p{margin:0;color:var(--muted)}
.rows{border-top:1px solid var(--line)}
.rows div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:18px 0;border-bottom:1px solid var(--line)}
.rows div span:first-child{font-weight:600}
.rows div span:last-child{color:var(--muted)}
.rows.money div span:last-child{color:var(--text);font-weight:600}
.box{padding:clamp(24px,4vw,40px);border-radius:28px;background:var(--card);border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.box h2{font-size:clamp(24px,3vw,34px);margin:0 0 12px;letter-spacing:-.025em}
.box p{margin:0;color:var(--muted)}

/* Инструкции */
.prose figure{margin:28px 0}
.prose figure a{display:block}
.prose figure img{display:block;width:auto;max-width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}
.prose video{display:block;width:100%;max-height:80vh;border-radius:16px;background:#000;border:1px solid var(--line)}
.prose .cap{margin:-12px 0 28px;font-size:14px;color:var(--muted)}
.prose figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:6px 0}
.prose strong{color:var(--text)}
.guide h2{font-size:28px}
.guide h3{font-size:19px;color:var(--text)}

/* Блог и статья */
.cats{display:flex;flex-wrap:wrap;gap:8px}
.cats a{min-height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:var(--pill);font-weight:600;font-size:14px;text-decoration:none;color:#C4C8DC;border:1px solid var(--line-2)}
.cats a[aria-current=page]{background:var(--text);color:var(--bg);border-color:var(--text)}
.featured{display:flex;flex-wrap:wrap;gap:32px 48px;align-items:center;text-decoration:none;padding-bottom:48px;border-bottom:1px solid var(--line)}
.featured .img{flex:999 1 560px;min-width:0;aspect-ratio:16/9;border-radius:24px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.featured .img img{width:100%;height:100%;object-fit:cover}
.featured .t{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}
.featured .t b{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.025em}
.featured .t span{color:var(--muted)}
.pager{display:flex;gap:12px;justify-content:center;margin-top:48px}
.art-head{max-width:900px}
.art-cover{aspect-ratio:21/9;border-radius:28px;overflow:hidden;background:var(--card);border:1px solid var(--line);margin:40px 0 56px}
.art-cover img{width:100%;height:100%;object-fit:cover;display:block}
.art-grid{display:flex;flex-wrap:wrap;gap:48px 72px;align-items:flex-start}
.art-toc{flex:1 1 240px;min-width:0;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}
.art-toc ol{margin:0;padding-left:30px;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--muted)}
.art-toc a{color:var(--muted);text-decoration:none;transition:color .2s}
.art-toc a:hover,.art-toc a[aria-current=true]{color:var(--text)}
.art-toc a[aria-current=true]{font-weight:600}
.prose{flex:999 1 640px;min-width:0;max-width:700px;font-size:18px;line-height:1.7}
.prose>p:first-child{font-size:21px;line-height:1.6;color:var(--text)}
.prose p,.prose li{color:var(--soft)}
.prose h2,.prose h3{text-wrap:pretty}
.prose h2{margin:48px 0 16px;font-size:30px;line-height:1.2;letter-spacing:-.025em;scroll-margin-top:24px}
.prose h3{margin:32px 0 12px;font-size:22px}
.prose a{color:#7FE6F8}
.prose img{border-radius:16px}
.prose table{width:100%;border-collapse:collapse;font-size:16px;margin:20px 0;display:block;overflow-x:auto}
.prose th,.prose td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}
.prose blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--line-2);color:var(--muted)}
.do-it{margin:48px 0;padding:32px;border-radius:24px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}
.do-it .glow{left:10%;right:10%;bottom:-90px;height:120px;filter:blur(60px);opacity:.45}
.do-it>div{position:relative;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.do-it h2{margin:0;font-size:26px}
.do-it p{margin:0;color:var(--soft);font-size:17px}

@media (max-width:720px){
  .nav,.hdr .btn{display:none!important}
  .hero-art{order:-1}
  .hero-brain{max-width:168px}
  .hero{padding-top:0;gap:20px}
  .hero-text .h1{margin-bottom:16px}
  .hero-text .lead{margin-bottom:28px}
  .lead{font-size:18px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-20px;padding-right:20px}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto}
  .calc .tabs{margin-right:-24px}
  .chat-body{min-height:340px;padding:16px}
  .sec{padding:48px 20px}
  .hdr{padding:16px 20px}
  .hero,.page-hero{padding-left:20px;padding-right:20px}
  .page-hero .art svg{max-width:150px}
  .page-hero .art{order:-1}
  .pcell b{font-size:38px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile{padding:18px 16px 20px;min-height:0}
  .tile .ico{margin-bottom:14px}
  .tile b{font-size:15.5px;margin-top:0;line-height:1.25}
  .tile span{font-size:13px}
  .ico{width:30px;height:30px}
  .ico-lg{width:44px;height:44px}
  .mc b{font-size:8px}
  .mc{padding:5px 4px}
  .mbar{display:flex}
  .page{padding-bottom:88px}
  .levels a,.levels a:first-child{padding:22px 0;border-left:0}
  .art-toc{position:static}
  .g-toc{display:none}
  .cards5{gap:4px}
}
@media (prefers-reduced-motion:reduce){
  /* Отключаем только крупное движение фона. Чат, импульсы и появление ответов — это содержание, они работают. */
  .aurora,.halo{animation:none}
  html{scroll-behavior:auto}
}

/* Плашка cookie */
.ck{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;max-width:560px;margin:0 auto;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(16,19,31,.96);border:1px solid var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(0,0,0,.45)}
.ck[hidden]{display:none}
.ck p{margin:0;font-size:14px;line-height:1.45;color:var(--muted,#A9AEC2)}
.ck p a{color:inherit;text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-shrink:0}
.ck-no{background:none;border:1px solid var(--line-2);color:inherit;border-radius:var(--pill);padding:0 14px;min-height:40px;font:inherit;font-size:14px;cursor:pointer}
.ck-open .mbar{display:none!important}
@media (max-width:560px){.ck{flex-direction:column;align-items:stretch}.ck-btns>*{flex:1}}
.pnote{margin:-4px 0 14px;font-size:14px;color:var(--muted)}.pnote a{color:inherit}

/* Сделано в BrainAid: каждая работа — как маленький чат, всё в одной рамке */
.exg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.exc{margin:0;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:24px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}
.exc::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--grad);opacity:.7}
.exc-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--soft)}
.exc-head .ico{width:24px;height:24px}
.exc .bu{font-size:14px;max-width:92%;min-height:0;padding:10px 14px}
.exc-res{aspect-ratio:4/5;border-radius:16px 16px 16px 4px;overflow:hidden;background:var(--card-2)}
.exc-res img{width:100%;height:100%;object-fit:cover;display:block}
.exc-res.txt{padding:16px;position:relative}
.exc-res.txt p{margin:0;font-size:14px;line-height:1.55;color:var(--soft)}
.exc-res.txt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--card-2))}
.exc figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px;margin-top:auto}
.exc figcaption b{font-weight:600}
.exc figcaption a{color:var(--muted);font-size:14px;white-space:nowrap;text-decoration:none}
.exc figcaption a:hover{color:var(--text)}
@media (max-width:900px){.exg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.exg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.exg::-webkit-scrollbar{display:none}.exc{flex:0 0 82%;scroll-snap-align:center}}
.exc .bu{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3em + 20px);line-height:1.5}
.exc-res.txt{padding:20px}
.exc-res.txt p{font-size:16px;line-height:1.6;color:var(--text)}
.exc figcaption b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
/* Картинка целиком, без обрезки; пустые поля — размытая копия этой же картинки */
.exc-res{aspect-ratio:1/1;position:relative}
.exc-res .exc-bg{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(22px) brightness(.45) saturate(1.2)}
.exc-res .exc-img{position:relative;width:100%;height:100%;object-fit:contain}
/* Несколько картинок в одной работе — листаются (свайп / стрелки) */
.exc-track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.exc-track::-webkit-scrollbar{display:none}
.exc-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;overflow:hidden}
.exc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,9,18,.6);color:#fff;font:400 22px/1 Onest,sans-serif;cursor:pointer;opacity:0;transition:opacity .2s;backdrop-filter:blur(6px)}
.exc-nav.prev{left:10px}.exc-nav.next{right:10px}
.exc-res.multi:hover .exc-nav{opacity:1}
.exc-nav[disabled]{opacity:0!important;pointer-events:none}
.exc-count{position:absolute;top:10px;right:10px;z-index:2;padding:3px 9px;border-radius:var(--pill);background:rgba(7,9,18,.6);font-size:12px;font-weight:600}
.exc-dots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:6px;pointer-events:none}
.exc-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);transition:width .2s,background .2s}
.exc-dots i.on{width:18px;border-radius:3px;background:#fff}
@media (hover:none){.exc-nav{display:none}}
/* Нейросети на телефоне: подпись группы сверху, чипы ровно под ней */
@media (max-width:640px){
  .mrow{gap:8px;padding:16px 0}
  .mrow b{flex:0 0 100%;margin-bottom:2px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .mrow .chip{padding:7px 13px;font-size:15px}
}
@media (max-width:640px){
  /* Кнопки первого экрана — одинаковой ширины */
  .btns .btn,.btns .btn-ghost{flex:1 1 100%;justify-content:center;text-align:center}
  /* Шаги агента: без висящих чёрточек, с номерами */
  .steps{counter-reset:st;gap:8px}
  .steps li::after{display:none!important}
  .steps li span{padding:8px 14px;font-size:14px;counter-increment:st}
  .steps li span::before{content:counter(st);margin-right:8px;color:var(--muted);font-weight:500}
  /* Тарифы — по два в ряд, а не длинной лентой */
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}
  .pcell{padding:18px 16px}
  .pcell span{font-size:14px}
  .pcell b{font-size:28px}
  .pcell small{font-size:13px}
}
@media (max-width:640px){
  .pgrid .pcell:last-child:nth-child(odd){grid-column:span 2}
  .calc-out{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .calc-out b{font-size:34px}
  .calc-out span{font-size:14px;line-height:1.35}
}
.preview-bar{position:sticky;top:0;z-index:40;padding:10px 16px;background:#3a1d5c;color:#fff;font-size:14px;text-align:center}
@media (max-width:640px){
  .prose table{font-size:14px;margin:16px -16px;padding:0 16px;width:calc(100% + 32px)}
  .prose th,.prose td{padding:10px 6px;min-width:76px;vertical-align:top}
}
.prose figure video{width:auto;max-width:100%;max-height:70vh;margin:0 auto}
.prose figure figcaption{text-align:left}
.prose .pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin:28px 0}
.prose .pair figure{margin:0}
.prose .pair img,.prose .pair video{width:100%;max-height:none}

/* ===== Новая главная: «Что сделать сегодня» ===== */
.tasks-note{margin:0;font-size:15px}
.tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.task{display:flex;flex-direction:column;border-radius:24px;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:border-color .25s,transform .25s}
.task:hover{border-color:var(--line-2);transform:translateY(-2px)}
.task-media{position:relative;display:block;aspect-ratio:4/3;background:var(--card-2);overflow:hidden}
.task-media img,.task-media video{width:100%;height:100%;object-fit:cover;display:block}
.task-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(60% 60% at 50% 40%,rgba(155,59,255,.18),transparent)}
.task-ph small{font-size:12px;color:var(--dim);letter-spacing:.04em}
.task-price{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:var(--pill);background:rgba(7,9,18,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:700;font-size:15px;border:1px solid rgba(255,255,255,.12)}
.task-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1}
.task-body h3{margin:0;font-size:20px;letter-spacing:-.01em}
.task-body p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
.task-foot{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:14px}
.task-more{color:var(--muted);font-size:14px}
.task-more:hover{color:var(--text)}
.tasks-all{margin:28px 0 0;color:var(--muted);font-size:16px}
.tasks-all a{color:var(--text)}
@media (max-width:900px){.tasks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .tasks{gap:12px}
  .task{border-radius:18px}
  .task-media{aspect-ratio:1/1}
  .task-price{left:8px;top:8px;padding:4px 9px;font-size:13px}
  .task-body{padding:12px 12px 14px;gap:4px}
  .task-body h3{font-size:16px}
  .task-body p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .task-foot{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}
  .task-foot .btn{justify-content:center;font-size:14px;min-height:40px;padding:0 10px}
  .task-more{font-size:13px;text-align:center}
}
@media (max-width:640px){.tasks .task:last-child:nth-child(odd){grid-column:span 2}.tasks .task:last-child:nth-child(odd) .task-media{aspect-ratio:16/9}}
.task-media video{object-position:center 20%}