/* Оформление MOTIVE.KZ — подключается сервером, когда сайт открыт на motive.* (или с ?brand=motive).
   Фирменный стиль: графит + ярко-зелёный знак логотипа. Тёмно-зелёный — для кнопок (белый текст читается),
   ярко-зелёный — только акценты: подчёркивания, номера шагов, уголки карточек. */
:root[data-brand="motive"]{
  --blue:#1C8236; --blue-dark:#14652A; --yellow:#3FE05A; --navy:#1E2124; --sky:#EEF6EC;
  --paper:#F5F8F4; --ink:#1E2124; --muted:#5C655E; --line:#DDE6DA; --desk:#E4EDE1;
  --accent:#1C8236; --accent-soft:#E3F2E2; --brass:#3FE05A; --brass-light:#3FE05A;
  --c-vinetki:#1C8236; --c-photobook:#1C8236; --c-calendar:#1C8236; --c-tshirt:#1C8236;
  --shadow:0 10px 30px rgba(20,30,22,.08);
}
@media (prefers-color-scheme: dark){:root[data-brand="motive"]:not([data-theme="light"]){
  --paper:#F5F8F4; --ink:#1E2124; --muted:#5C655E; --line:#DDE6DA; --desk:#E4EDE1; --accent:#1C8236; --accent-soft:#E3F2E2 }}

/* блок «о компании» и контакты видны только в этом оформлении */
[data-brand="motive"] .only-motive{display:revert!important}
[data-brand="motive"] section.only-motive{display:block!important}

/* логотип: картинка вместо значка PaperHouse */
[data-brand="motive"] .logo > img,[data-brand="motive"] .logo > .wm{display:none!important}
[data-brand="motive"] .logo::before{content:"";display:block;width:150px;height:37px;background:url(/brand/motive/logo-dark.png) left center/contain no-repeat}
[data-brand="motive"] footer .logo::before,[data-brand="motive"] .tfoot .logo::before{background-image:url(/brand/motive/logo-light.png)}
[data-brand="motive"] .top .logo::before{width:160px;height:40px}
[data-brand="motive"] .appbar .logo::before{width:122px;height:30px}
@media (max-width:620px){
  [data-brand="motive"] .top .logo::before,[data-brand="motive"] .appbar .logo::before,[data-brand="motive"] .tbar .logo::before{width:38px;height:38px;background-image:url(/brand/motive/mark-dark.png)}
}

/* фоны, которые в PaperHouse голубые */
[data-brand="motive"] .stage,[data-brand="motive"] .login .art{background:radial-gradient(120% 90% at 85% 10%,#E9F7E4 0%,#DCEED5 55%,#CFE6C6 100%)}
[data-brand="motive"] .stage::before{background:#C2DFB6}
[data-brand="motive"] .stage figure{box-shadow:0 24px 50px rgba(20,40,24,.22)}
[data-brand="motive"] .newp{border-color:#B9D7B0;background:#FAFCF9}
[data-brand="motive"] .prod:hover{box-shadow:0 0 0 1px #CFE4C8,0 22px 44px rgba(20,60,30,.16)}
[data-brand="motive"] .dir:hover{box-shadow:0 0 0 1px #CFE4C8,0 14px 30px rgba(20,60,30,.12)}
[data-brand="motive"] .card{box-shadow:0 0 0 1px var(--line),0 30px 60px rgba(20,60,30,.10)}
[data-brand="motive"] .stp + .stp::before{color:#9DB59A}

/* шапка: тонкая зелёная линия, как у знака */
[data-brand="motive"] .top::after,[data-brand="motive"] .appbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--yellow),transparent 60%)}
[data-brand="motive"] .top{position:sticky}

/* подвал — графит */
[data-brand="motive"] footer{background:#1E2124;color:#C9D0C7}
[data-brand="motive"] footer .logo small{color:var(--yellow)}

/* раздел «Инструменты» */
[data-brand="motive"] .thero .yl,[data-brand="motive"] .yl{color:var(--blue)}