/* Шрифты хостим у себя (ТЗ §2.4). TacticSans — коммерческий, лицензия не куплена: макет только для внутреннего показа. */
@font-face{font-family:"TacticSans";src:url("fonts/TacticSans-Med.otf") format("opentype"),url("fonts/Exo2-Variable.ttf");font-weight:500;font-display:swap}
@font-face{font-family:"Golos Text";src:url("fonts/GolosText-Variable.ttf");font-weight:400;font-display:swap}
@font-face{font-family:"Golos Text";src:url("fonts/GolosText-Variable.ttf");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/IBMPlexMono-Regular.ttf");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/IBMPlexMono-Medium.ttf");font-weight:500;font-display:swap}

/* Токены: design-code-v2 §8 и брендбук-v2 §4, §6, §9 */
:root{
  --paper:#FBFBFB;--paper-cool:#EFEFEF;--tag:#E5E5E5;--line:#C8C8C8;
  --ink:#080808;--text:#353535;--text-min:#6E6E6E;
  --on-ink:#FBFBFB;--on-ink-2:#A3A3A3;--on-ink-min:#8A8A8A;
  --sel-dark:#3A3A3A;--sel-light:#E5E5E5;
  --t-fast:160ms;--t-base:240ms;--t-mid:450ms;--t-slow:550ms;
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --pad:80px;--gap:24px;--sec:120px;
  --f-head:"TacticSans","Golos Text",system-ui,sans-serif;
  --f-text:"Golos Text",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;
}
@media (max-width:1100px){:root{--pad:40px;--sec:96px}}
@media (max-width:640px){:root{--pad:16px;--gap:12px;--sec:72px}}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
/* clip, а не hidden: hidden делает body прокручиваемым контейнером и ломает sticky */
body{position:relative;background:var(--paper);color:var(--text);font:400 17px/26px var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
svg,canvas{display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:12px}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}

/* Типографика: шкала брендбук-v2 §5 */
.label{font:500 12px/16px var(--f-mono);letter-spacing:.16em;text-transform:uppercase}
.h2{font:500 44px/48px var(--f-head);letter-spacing:-.005em}
.h2 span{display:block}
.text-l{font:400 20px/30px var(--f-text)}
@media (max-width:640px){.h2{font-size:30px;line-height:34px}.text-l{font-size:18px;line-height:28px}}
.fade-ink{background:linear-gradient(90deg,#9A9A9A 0%,#626262 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fade-paper{background:linear-gradient(90deg,#6E6E6E 0%,#989898 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Темы секций; на холодной бумаге мелкий текст не светлее #585858 (брендбук §4) */
[data-theme=dark]{background:var(--ink);color:var(--on-ink)}
[data-theme=dark] .label{color:var(--on-ink-min)}
[data-theme=light]{background:var(--paper);color:var(--text)}
[data-theme=light] .label{color:var(--text-min)}
.cool{background:var(--paper-cool)!important}
.cool .label{color:#585858!important}

/* Кнопки (лист 28) */
.btn{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 28px;border-radius:99px;font:500 17px/1 var(--f-text);white-space:nowrap;transition:background var(--t-base),color var(--t-base),box-shadow var(--t-base)}
.btn svg{width:20px;height:20px;transition:transform var(--t-base) var(--ease-out)}
.btn:hover svg{transform:translate(2px,-2px)}
.btn--down:hover svg{transform:translateY(3px)}
.btn--up:hover svg{transform:translateY(-3px)}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--ink:hover{background:#282827}
.btn--paper{background:var(--paper);color:var(--ink)}
.btn--paper:hover{background:#E5E5E5}
.btn--line{box-shadow:inset 0 0 0 1.5px #3A3A3A;color:var(--on-ink)}
.btn--line:hover{box-shadow:inset 0 0 0 1.5px #8A8A8A}
.link{display:inline-flex;align-items:center;gap:8px;font:500 17px/1 var(--f-text);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-bottom:4px;transition:background-size var(--t-base) var(--ease-out)}
.link:hover{background-size:100% 1.5px}
.link svg{width:18px;height:18px}
.chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:99px;font:400 14px/1 var(--f-text);white-space:nowrap}
.chip::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
[data-theme=dark] .chip{background:#161616;color:#BDBDBD;box-shadow:inset 0 0 0 1px #242424}
.br{display:inline-block;width:28px;height:28px;flex:none}
.br path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Выделение текста (лист 17): только серое; полоска 2,5 px, точка Ø10 сверху в начале и снизу в конце */
.key{position:relative;white-space:nowrap;border-radius:2px;background-image:linear-gradient(var(--sel),var(--sel));background-repeat:no-repeat;background-size:0% 100%;transition:background-size var(--t-slow) var(--ease-io),color var(--t-mid)}
[data-theme=dark] .key{--sel:var(--sel-dark);--bar:#FBFBFB}
[data-theme=light] .key{--sel:var(--sel-light);--bar:#353535}
.key::before,.key::after{content:"";position:absolute;top:-6px;bottom:-6px;width:10px;opacity:0;transition:opacity var(--t-base)}
.key::before{left:-6px;background:radial-gradient(circle 5px at 50% 5px,var(--bar) 4.6px,transparent 5px),linear-gradient(var(--bar),var(--bar)) center/2.5px 100% no-repeat}
.key::after{right:-6px;background:radial-gradient(circle 5px at 50% calc(100% - 5px),var(--bar) 4.6px,transparent 5px),linear-gradient(var(--bar),var(--bar)) center/2.5px 100% no-repeat}
.key.is-sel{background-size:100% 100%}
.key.is-sel::before{opacity:1}
.key.is-sel::after{opacity:1;transition-delay:var(--t-slow)}
[data-theme=dark] .key.is-sel{color:var(--on-ink)}
[data-theme=light] .key.is-sel{color:var(--ink)}

.rv{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.rv.in{opacity:1;transform:none}

/* ——— Шапка (на светлом первом экране) ——— */
.nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:88px}
.logo{display:flex;align-items:center;height:28px}
.nav-links{display:flex;gap:40px}
.nav-links a,.nav-login{font:500 12px/16px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#585858;transition:color var(--t-base)}
.nav-links a:hover,.nav-login:hover{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:24px}
.nav-login{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:99px;box-shadow:inset 0 0 0 1.5px #C8C8C8;background:rgba(251,251,251,.7)}
.only-m{display:none}
.burger{display:none;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #C8C8C8;position:relative;background:rgba(251,251,251,.7)}
.burger i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--ink);transition:transform var(--t-base)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.nav.open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav.open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:900px){
  .nav{height:72px}
  .nav-links{position:fixed;inset:72px 0 auto 0;flex-direction:column;gap:0;padding:8px var(--pad) 24px;background:rgba(251,251,251,.97);backdrop-filter:blur(12px);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--t-base),transform var(--t-base)}
  .nav-links a{font-size:14px;padding:18px 0;border-bottom:1px solid #E5E5E5;color:var(--ink)}
  .nav.open .nav-links{opacity:1;transform:none;pointer-events:auto}
  .burger{display:block}.nav-login{display:none}.nav-links .only-m{display:block}
}

/* ——— 1. Первый экран: белый, стекло по сетке, знак N сзади, тезис слева ——— */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:var(--paper)}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-in{position:relative;height:100%;display:flex;flex-direction:column}
.hero-copy{position:relative;margin-top:auto;margin-bottom:clamp(48px,11vh,120px)}
.hero-title{font:500 clamp(52px,6.9vw,112px)/.96 var(--f-head);letter-spacing:-.015em;color:var(--ink)}
.hero-title span{display:block;width:max-content;white-space:nowrap}
.hero-title .sub{margin-top:.18em;font-size:.5em;line-height:1.05;letter-spacing:-.005em}
.hero .lead{margin-top:28px;max-width:520px;color:var(--text)}
@media (max-width:760px){.hero{min-height:640px}.hero-copy{margin-top:clamp(40px,14vh,140px);margin-bottom:0}.hero .lead{margin-top:20px}}

/* ——— 2. Направления: чернила, трассы, две «папки» со ступенью ——— */
.dirs{position:relative;overflow:hidden;padding:var(--sec) 0;background-color:var(--ink);background-image:radial-gradient(circle at center,#151515 1.1px,transparent 1.4px);background-size:32px 32px}
.dirs-bg{position:absolute;inset:0;pointer-events:none}
.trace{fill:none;stroke:#1F1F1F;stroke-width:1.3;stroke-linejoin:round}
.trace--lead{stroke:#2C2C2C}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:56px;position:relative}
.sec-head .label{margin-bottom:24px}
.sec-head .aside{max-width:380px;font-size:17px;line-height:26px}
.dirs .aside{color:var(--on-ink-2)}
.doors{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.door{position:relative;display:flex;flex-direction:column;min-height:300px;padding:44px 36px 28px;color:var(--on-ink);isolation:isolate}
.contour{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:-1}
.contour .fill{fill:#0B0B0B}
.contour .line{fill:none;stroke:#2C2C2C;stroke-width:1.5;transition:stroke var(--t-mid)}
.door:hover .contour .line{stroke:#5A5A5A}
.door:focus-visible{outline:none}
.door:focus-visible .contour .line{stroke:#FBFBFB;stroke-width:2}
.door-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.door-top .label{color:#9A9A9A}
.door-word{margin-top:16px;font:500 104px/.9 var(--f-head);letter-spacing:-.02em;width:max-content;
  background-image:linear-gradient(115deg,transparent 40%,rgba(88,88,88,.95) 50%,transparent 60%),linear-gradient(90deg,#FBFBFB 0%,#7A7A7A 100%);
  background-size:300% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.3s var(--ease-io)}
.door:hover .door-word{background-position:-20% 0,0 0}
.door-text{margin-top:16px;max-width:520px;font:400 20px/30px var(--f-text);color:var(--on-ink-2)}
.door-bottom{margin-top:auto;padding-top:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.go{display:grid;place-items:center;width:56px;height:56px;flex:none}
.go .br{width:40px;height:40px;transition:transform var(--t-base) var(--ease-out)}
.door:hover .go .br{transform:translate(3px,-3px)}
.soon{font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#BDBDBD;height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:99px;box-shadow:inset 0 0 0 1px #3A3A3A}
.door--soon .door-word{background-image:linear-gradient(115deg,transparent 40%,rgba(88,88,88,.95) 50%,transparent 60%),linear-gradient(90deg,#BDBDBD 0%,#585858 100%)}
.door--soon .door-text{color:#8F8F8F}
@media (max-width:1100px){.door-word{font-size:88px}.door{padding:40px 28px 24px}}
@media (max-width:760px){.sec-head{flex-direction:column;align-items:flex-start;margin-bottom:36px}.doors{grid-template-columns:1fr}.door{min-height:0}.door-word{font-size:72px}.door-text{font-size:17px;line-height:26px;margin-top:12px}.go{width:44px;height:44px}.go .br{width:32px;height:32px}}

/* ——— 3. AI Junior: текст слева, место под видео справа ——— */
.junior{padding:88px 0}
.junior-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
.junior-copy .label{margin-bottom:20px}
.junior-copy .text-l{margin-top:24px;max-width:500px}
.junior .actions{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.player{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--ink);color:var(--on-ink);isolation:isolate;
  background-image:radial-gradient(circle at center,#1A1A1A 1.1px,transparent 1.4px);background-size:28px 28px}
.player svg.tr{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.player svg.tr path{fill:none;stroke:#242424;stroke-width:1.4}
.player .p-top{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:center}
.player .p-top .label{color:var(--on-ink-min)}
.play-big{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:var(--paper);display:grid;place-items:center;transition:transform var(--t-base) var(--ease-out)}
.play-big svg{width:28px;height:28px;margin-left:4px}
.player:hover .play-big{transform:scale(1.06)}
.player .p-bar{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:center;gap:16px}
.player .p-line{flex:1;height:2px;border-radius:2px;background:#2A2A2A;position:relative}
.player .p-line::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--paper)}
.player .p-time{font:500 11px/1 var(--f-mono);letter-spacing:.14em;color:var(--on-ink-min)}
.player .p-ico{width:20px;height:20px;color:#BDBDBD}
.player .p-soon{position:absolute;left:50%;top:calc(50% + 66px);transform:translate(-50%,6px);opacity:0;transition:opacity var(--t-base),transform var(--t-base);font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;background:#161616;box-shadow:inset 0 0 0 1px #2A2A2A;color:#D9D9D9;padding:8px 12px;border-radius:99px;white-space:nowrap}
.player.is-soon .p-soon{opacity:1;transform:translate(-50%,0)}
.player-cap{margin-top:14px;display:flex;justify-content:space-between;gap:24px}
@media (max-width:1100px){.junior-grid{grid-template-columns:1fr;gap:40px}}
@media (max-width:640px){.junior{padding:64px 0}.player{border-radius:14px}.play-big{width:68px;height:68px;margin:-34px 0 0 -34px}.play-big svg{width:22px;height:22px}.player .p-top{left:14px;right:14px;top:14px}.player .p-bar{left:14px;right:14px;bottom:12px}.player .p-soon{top:calc(50% + 50px)}.player-cap{flex-direction:column;gap:6px}}

/* ——— 4. Что ты получаешь (по образцу pixelperfect.school) ——— */
.gain{padding:var(--sec) 0}
.gain-grid{display:grid;grid-template-columns:4fr 8fr;gap:64px}
.gain-side{position:sticky;top:48px;align-self:start}
.gain-side h2{font:500 28px/34px var(--f-head);color:var(--ink);display:flex;gap:14px}
.gain-side h2::before{content:"";flex:none;width:8px;height:8px;margin-top:13px;border-radius:50%;background:var(--ink)}
.gain-side .btn{margin-top:36px}
.gain-items{display:grid;grid-template-columns:1fr 1fr;gap:96px 64px}
.gain-items>*{min-width:0}
.gain-item{display:flex;flex-direction:column}
.gain-item h3{font:500 36px/42px var(--f-head);color:var(--ink);width:fit-content;max-width:100%}
.gain-item p{margin:24px 0 44px;color:var(--text-min);font-size:18px;line-height:28px;max-width:470px}
.tile{position:relative;margin-top:auto;width:148px;height:136px;display:grid;place-items:center;isolation:isolate;color:var(--on-ink)}
.tile .contour .fill{fill:var(--ink)}
.tile .contour .line{stroke:var(--ink)}
.tile svg.ico{width:48px;height:48px;margin-top:10px}
.ico path,.ico rect,.ico circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1100px){.gain-grid{grid-template-columns:1fr;gap:48px}.gain-side{position:static}.gain-items{gap:64px 40px}.gain-item h3{font-size:30px;line-height:36px}}
@media (max-width:640px){.gain-items{grid-template-columns:1fr;gap:56px}.gain-item h3{font-size:26px;line-height:32px;width:auto}.gain-item p{font-size:16px;line-height:24px;margin:14px 0 28px}.tile{width:120px;height:110px}.tile svg.ico{width:40px;height:40px}}

/* ——— 5. Вопросы: уголки (лист 21, R8), плавное раскрытие ——— */
.faq{padding:var(--sec) 0}
.faq-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px}
.faq-head .label{margin-bottom:24px}
.faq-head .h2 span{white-space:nowrap}
.faq-head p{margin-top:24px;color:#585858;max-width:320px}
.faq-head .link{margin-top:16px;color:var(--ink)}
.faq-list{display:flex;flex-direction:column;gap:10px}
.qa{position:relative;border-radius:20px;transition:background var(--t-mid)}
.qa::before{content:"";position:absolute;inset:0;border-radius:20px;border:1.5px solid #353535;pointer-events:none;
  -webkit-mask:radial-gradient(70% 140% at 0 0,#000 12%,transparent 62%),radial-gradient(70% 140% at 100% 100%,#000 12%,transparent 62%);
          mask:radial-gradient(70% 140% at 0 0,#000 12%,transparent 62%),radial-gradient(70% 140% at 100% 100%,#000 12%,transparent 62%)}
.qa:nth-child(even)::before{-webkit-mask:radial-gradient(70% 140% at 100% 0,#000 12%,transparent 62%),radial-gradient(70% 140% at 0 100%,#000 12%,transparent 62%);
          mask:radial-gradient(70% 140% at 100% 0,#000 12%,transparent 62%),radial-gradient(70% 140% at 0 100%,#000 12%,transparent 62%)}
.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;cursor:pointer;font:500 22px/28px var(--f-head);color:var(--ink)}
.qa summary::-webkit-details-marker{display:none}
.qa summary .br{width:30px;height:30px;color:var(--text);transition:transform var(--t-mid) var(--ease-out)}
.qa summary .br .v{transition:transform var(--t-mid) var(--ease-out);transform-origin:12px 12px}
.qa.is-open summary .br .v{transform:scaleY(0)}
.qa.is-open summary .br{transform:rotate(180deg)}
.qa .a{overflow:hidden}
.qa .a-in{padding:0 28px 28px;max-width:720px;color:var(--text);font-size:17px;line-height:26px}
.qa .a-in p+p{margin-top:10px}
.qa.is-open{background:#FBFBFB}
@media (max-width:1100px){.faq-grid{grid-template-columns:1fr;gap:40px}}
@media (max-width:640px){.qa summary{font-size:18px;line-height:24px;padding:20px 18px}.qa .a-in{padding:0 18px 22px;font-size:16px;line-height:24px}}

/* ——— 6. Подвал: мелкая сетка, больше пикселей ——— */
.foot{position:relative;overflow:hidden;padding-top:var(--sec)}
.foot-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:72px;border-bottom:1px solid #1C1C1C}
.foot-cta .btns{display:flex;flex-wrap:wrap;gap:12px}
.foot-cols{display:grid;grid-template-columns:4fr 2fr 2fr 2fr;gap:32px;padding-top:56px}
.foot-cols h4{font:500 12px/16px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-min);margin-bottom:18px}
.foot-cols a{display:block;font:500 17px/34px var(--f-text);color:#D9D9D9;transition:color var(--t-base)}
.foot-cols a:hover{color:var(--on-ink)}
.foot-brand p{margin-top:18px;max-width:300px;color:var(--on-ink-min);font-size:14px;line-height:20px}
.foot-legal{padding:48px 0 24px;color:#8A8A8A}
.foot-glass{position:relative;width:100%}
.foot-glass canvas{width:100%;height:100%}
@media (max-width:900px){.foot-cols{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.foot-cta{flex-direction:column;align-items:flex-start}}

/* ——— Курсоры ИИ: летают сами, выделяют на «папках» (листы 15, 16, 17, 23) ——— */
#cursors{position:absolute;inset:0;overflow:hidden;z-index:40;pointer-events:none}
.cur{position:absolute;left:0;top:0;opacity:0;transition:opacity var(--t-mid);will-change:transform}
.cur.on{opacity:1}
.cur svg{width:24px;height:24px;overflow:visible}
.cur .tip{fill:#080808;stroke:#FBFBFB;stroke-width:1}
.cur .pill{position:absolute;left:18px;top:22px;height:26px;padding:0 10px;border-radius:99px;display:inline-flex;align-items:center;font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:#080808;color:#FBFBFB}
.cur.flip .pill{left:auto;right:6px}
.cur[data-tone=dark] .tip{fill:#FBFBFB;stroke:#080808}
.cur[data-tone=dark] .pill{background:#FBFBFB;color:#080808}
.frame{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;transition:opacity var(--t-base);border:1px solid var(--fc,#353535)}
.frame.on{opacity:1}
.frame i{position:absolute;width:8px;height:8px;background:var(--paper);border:1px solid var(--fc,#353535)}
.frame i:nth-child(1){left:-4.5px;top:-4.5px}.frame i:nth-child(2){right:-4.5px;top:-4.5px}.frame i:nth-child(3){left:-4.5px;bottom:-4.5px}.frame i:nth-child(4){right:-4.5px;bottom:-4.5px}
.frame[data-tone=dark]{--fc:#FBFBFB}.frame[data-tone=dark] i{background:var(--ink)}

@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation:none!important}.rv{opacity:1;transform:none}}

/* ——— Логотип: NEXT / GRADE (Figma 158:2). В направлении: NEXT ___ AI / GRADE ——— */
.lg{display:inline-flex;flex-direction:column;gap:3px;font:500 17px/.8 var(--f-head);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.lg .r1{display:flex;align-items:flex-end;gap:7px}
.lg .w1{background:linear-gradient(90deg,#080808,#2E2E2E);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg .w2{background:linear-gradient(90deg,#353535,#8A8A8A);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg .ln{width:1.45em;height:2px;background:#080808;margin-bottom:.02em}
.lg .dir{background:linear-gradient(90deg,#585858,#8A8A8A);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg--dark .w1{background-image:linear-gradient(90deg,#FBFBFB,#D9D9D9)}
.lg--dark .w2{background-image:linear-gradient(90deg,#D9D9D9,#7A7A7A)}
.lg--dark .ln{background:#FBFBFB}
.lg--dark .dir{background-image:linear-gradient(90deg,#BDBDBD,#8A8A8A)}
.foot-brand .lg{font-size:20px}

/* ——— Линия-анонс над шапкой: по нижней линии бежит блик (лист 14) ——— */
.announce{position:relative;display:flex;justify-content:center;align-items:center;gap:18px;height:40px;padding:0 16px;background:var(--ink);color:#D9D9D9;font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;overflow:hidden;z-index:6}
.announce b{font-weight:500;color:var(--on-ink)}
.announce .go-a{color:var(--on-ink);display:inline-flex;gap:8px;align-items:center}
.announce::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#2A2A2A}
.announce::before{content:"";position:absolute;bottom:-3px;left:-20%;width:160px;height:7px;border-radius:50%;z-index:1;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0,rgba(255,255,255,.35) 35%,transparent 70%);animation:glint 6s var(--ease-io) infinite}
.announce:hover::before{animation-duration:2s}
@keyframes glint{0%{left:-20%}35%{left:110%}100%{left:110%}}
.announce .m-only{display:none}
@media (max-width:640px){.announce .d-only{display:none}.announce .m-only{display:inline}}