/* mempad-brand.css v8 (24.10.2026, Влад по видео: в ТЁМНОЙ теме первичные кнопки — ЯНТАРНЫЕ с тёмным текстом и свечением («зелёный теряется на тёмном, белое по зелёному не читается; чёрное по оранжевому — хорошо»); светлая без изменений; текст кнопки — var(--b-pri-tx), тень текста — var(--b-pri-tsh))
   v4 (22.10.2026, Влад: «янтарь — только в верхнем правом углу, зелёный снизу слева, переход по диагонали с нижнего левого
   в верхний правый — и у листа, и у кнопки; логотип: POKEN зелёным, .FAMILY янтарём; «Купить» зеленее, «Запустить» оранжевее; страница запуска
   и лендинг — в том же стиле»). Фирменная тема «луч» из mempad/docs/preso/v2.
   СВЕТЛАЯ (основная, по умолчанию): бумага #f7f4ea, чернила-зелёный #2f6b45, янтарь #c98a12 / свет #e9b84f, миллиметровка,
   тёплое свечение справа сверху + зелёное слева снизу. ТЁМНАЯ (v3): ночная чернильно-зелёная бумага #101a14, карточки #18241c, те же два свечения.
   v4: ДИАГОНАЛЬ. Карточка (.card/.lc/.c) — фон с двумя угловыми подмесами: янтарь в правом верхнем углу, зелёный в левом нижнем, середина чистая;
   луч сверху — зелёный слева, янтарь только у правого края. Кнопки — градиент 28° (снизу слева зелёный → сверху справа янтарь): --b-pri сбалансированный,
   --b-pri-g зелёный с янтарным уголком («Купить», копилки), --b-pri-a янтарный с зелёным уголком («Запустить», лаунч, лендинг).
   Логотип без foil: POKEN = чернила, .FAMILY = янтарь (разметка <b>POKEN</b><span class=fam>.FAMILY</span> на всех страницах).
   Лаунч/лендинг/FAQ (html.brand-st, studio-переменные --ink/--mute/--amber/--tint): сопоставление переменных + свои правила ниже.
   Устройство: правила — html.brand (не зависят от темы), переменные — два блока (:root[data-theme=light].brand / :root:not([data-theme=light]).brand).
   Включается классом html.brand (dev: ВКЛ по умолчанию, ?brand=0 выключает; помнится в localStorage.pokBrand). Геометрия карточек не меняется.
   История: v1 луч 2px; v2 луч 1.5/1px тает к углам + объёмные кнопки + тема на всех страницах + «чернила» витрины; v3 тёмная; v5 скелет в теме + геометрия колонки до JS. */
:root[data-theme=light].brand{
  --bg:#f7f4ea;--paper2:#edf0e0;--card:#ffffff;--card2:#f1efe3;--tx:#1d2a21;--mut:#5f6f63;
  --line:rgba(47,74,56,.16);--acc:#c98a12;--glow:#e9b84f;--inkbg:#2f6b45;--up:#2f6b45;--down:#c2552b;
  --btn:#c98a12;--btnTx:#ffffff;--foil-a:#2f6b45;--foil-b:#b8860b;--foil-c:#8a5c00;
  --grid:#3f8a5a;--grid-a:.14;
  --b-pri:linear-gradient(28deg,#2f6b45 0%,#6f7a2a 48%,#c98a12 100%);
  --b-pri-g:linear-gradient(28deg,#2f6b45 0%,#357349 55%,#8c7f1f 88%,#c98a12 100%);
  --b-pri-a:linear-gradient(28deg,#3f7046 0%,#9a8318 32%,#c98a12 72%,#d9a02a 100%);
  --b-pri-sh:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.14),0 5px 14px color-mix(in srgb,var(--glow) 38%,transparent);
  --b-pri-tx:#ffffff;--b-pri-tsh:0 1px 0 rgba(0,0,0,.12);
  --b-sec:linear-gradient(180deg,#ffffff 0%,#f6f3ea 100%);
  --b-sec-sh:inset 0 1px 0 #fff,0 1px 2px rgba(47,74,56,.10);
  --mixw:#fff;--shc:47,74,56;--gl1:34%;--gl2:12%;--stk-sh:rgba(47,74,56,.10);
  --c-am:13%;--c-gr:9%; /* сила угловых подмесов карточки: янтарь справа сверху / зелёный слева снизу */
  --grid-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M20 0H0V20' fill='none' stroke='%233f8a5a' stroke-opacity='.14' stroke-width='.6'/><path d='M10 0V20M0 10H20' fill='none' stroke='%233f8a5a' stroke-opacity='.07' stroke-width='.4'/></svg>")}
/* ТЁМНАЯ «луч»: ночная бумага. --mixw — база для подмесов (в светлой белый, здесь цвет карточки), --shc — цвет теней, --gl1/--gl2 — сила свечений */
:root:not([data-theme=light]).brand{
  --bg:#101a14;--paper2:#152119;--card:#18241c;--card2:#1f2d24;--tx:#ece8d8;--mut:#9aa894;
  --line:rgba(233,184,79,.15);--acc:#e9b84f;--glow:#f0c76a;--inkbg:#4f9c6a;--up:#6cc38e;--down:#e0805a;
  --btn:#e9b84f;--btnTx:#17210f;--foil-a:#8fd3a6;--foil-b:#e9b84f;--foil-c:#f3d58a;
  --grid:#8fc9a3;--grid-a:.10;
  /* v8: тёмная — кнопки янтарные (28°: глубокий янтарь снизу слева → светлый сверху справа), текст тёмный, мягкое янтарное свечение вокруг */
  --b-pri:linear-gradient(28deg,#c98a12 0%,#e3ac3a 55%,#f0c76a 100%);
  --b-pri-g:linear-gradient(28deg,#b8860b 0%,#d49a1f 50%,#e9b84f 100%);
  --b-pri-a:linear-gradient(28deg,#d9a02a 0%,#e9b84f 55%,#f3d58a 100%);
  --b-pri-sh:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.18),0 6px 18px rgba(233,184,79,.30),0 0 0 1px rgba(233,184,79,.25);
  --b-pri-tx:#17210f;--b-pri-tsh:0 1px 0 rgba(255,255,255,.22);
  --b-sec:linear-gradient(180deg,#243429 0%,#1b2820 100%);
  --b-sec-sh:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.45);
  --mixw:#18241c;--shc:0,0,0;--gl1:20%;--gl2:18%;--stk-sh:rgba(0,0,0,.45);
  --c-am:16%;--c-gr:14%;
  --grid-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M20 0H0V20' fill='none' stroke='%238fc9a3' stroke-opacity='.11' stroke-width='.6'/><path d='M10 0V20M0 10H20' fill='none' stroke='%238fc9a3' stroke-opacity='.05' stroke-width='.4'/></svg>");
  color-scheme:dark}
/* фон листа как у карточки: угловые подмесы (янтарь справа сверху, зелёный слева снизу), середина — чистая карточка */
html.brand{--card-bg:
  radial-gradient(ellipse 70% 95% at 100% 0%,color-mix(in srgb,var(--glow) var(--c-am),transparent),transparent 72%),
  radial-gradient(ellipse 60% 85% at 0% 100%,color-mix(in srgb,var(--inkbg) var(--c-gr),transparent),transparent 72%),
  var(--card)}
/* фон: бумага с лёгким диагональным переливом + свечение янтаря справа сверху + зелёное слева снизу + миллиметровка (fixed — не едет при скролле) */
html.brand body{background:var(--bg)}
html.brand body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 55% at 96% 0%,color-mix(in srgb,var(--glow) var(--gl1),transparent),transparent 70%),
    radial-gradient(ellipse 50% 40% at 0% 100%,color-mix(in srgb,var(--inkbg) var(--gl2),transparent),transparent 70%),
    linear-gradient(160deg,var(--bg) 0%,var(--paper2) 55%,var(--bg) 100%)}
html.brand body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:1;
  background-image:var(--grid-img);background-size:20px 20px}
/* прилипшие панели (витрина .bar, шапка, вкладки монеты/профиля, панель списка) — прозрачная «матовая» полоса: перелив под ней остаётся */
html.brand .bar,html.brand header.hfix,html.brand .tabs,html.brand .lc-stack .lbar{background:transparent;
  -webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05)}
/* ЛОГОТИП (v4): POKEN — чернила-зелёный, .FAMILY — янтарь; в шапке, в боковой колонке (.mm-logo) и на лендинге (.logo .pok) */
html.brand header .logo,html.brand .hdr .logo,html.brand .mm-logo{color:var(--foil-a);background:none;-webkit-text-fill-color:currentColor}
html.brand header .logo b,html.brand .logo .pok,html.brand .mm-logo b{color:var(--foil-a);background:none;-webkit-text-fill-color:currentColor;font-weight:inherit}
html.brand header .logo .fam,html.brand .logo .fam,html.brand .mm-logo .fam{color:var(--acc)}
html.brand .mm-sect{color:var(--tx)}
/* ПЕРВИЧНЫЕ кнопки (все страницы): диагональ 28° зелёный (снизу слева) → янтарь (сверху справа), белый текст, объём — блик сверху, тень снизу; нажатие вдавливает */
html.brand .hdr-cta,html.brand .cta,
html.brand .btnlink:not(.alt):not(.sec),html.brand .tab.act,
html.brand #ddSort>.sq,html.brand .lbar .dd.sort>.sq,html.brand .lbar .seg .sq.act,
html.brand .pg-btn.pri,html.brand .wl-btn:not(.sec),html.brand .btn.pri,
html.brand .ma-btn.pri,html.brand .sw-main{
  background:var(--b-pri);color:var(--b-pri-tx,#fff);border-color:transparent;box-shadow:var(--b-pri-sh);text-shadow:var(--b-pri-tsh,0 1px 0 rgba(0,0,0,.12))}
/* «Купить» и копилки — зеленее (янтарь только в правом верхнем уголке); «Запустить» — оранжевее (зелёный уголок снизу слева) */
html.brand .tact .btnlink:not(.sec),html.brand .pg-btn.pri,html.brand .sw-main{background:var(--b-pri-g)}
html.brand .hdr-cta,html.brand .cta{background:var(--b-pri-a)}
html.brand #ddSort>.sq b,html.brand .lbar .dd.sort>.sq b,html.brand .tab.act,
html.brand .tab.act .ic{color:var(--b-pri-tx,#fff)}
html.brand #ddSort.open>.sq,html.brand .lbar .dd.sort.open>.sq{filter:brightness(1.06)}
html.brand .hdr-cta:active,html.brand .cta:active,html.brand .btnlink:active,
html.brand .pg-btn.pri:active,html.brand .wl-btn:active,html.brand .btn.pri:active,html.brand .sw-main:active{
  transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.20)}
/* ВТОРИЧНЫЕ: белые с лёгким объёмом (блик сверху, тень под кнопкой), рамка чуть янтарная; при наведении — янтарное кольцо */
html.brand .sq,html.brand .tab,html.brand .iconbtn,
html.brand #authSlot .ma-btn,html.brand #authPh,html.brand .btnlink.alt,
html.brand .btnlink.sec,html.brand .pg-btn:not(.pri),html.brand .wl-btn.sec,
html.brand .btn:not(.pri),html.brand .cbtn,html.brand .ma-btn:not(.pri),html.brand .sw-tok{
  background:var(--b-sec);border-color:color-mix(in srgb,var(--acc) 30%,var(--line));box-shadow:var(--b-sec-sh)}
html.brand .lbar .seg .sq{box-shadow:none}
html.brand .sq:hover,html.brand .tab:hover,html.brand .iconbtn:hover,
html.brand .pg-btn:not(.pri):hover,html.brand .wl-btn.sec:hover,html.brand .btn:not(.pri):hover,
html.brand .cbtn:hover,html.brand .sw-tok:hover{
  border-color:color-mix(in srgb,var(--acc) 60%,var(--mixw));box-shadow:var(--b-sec-sh),0 0 0 4px color-mix(in srgb,var(--glow) 22%,transparent)}
html.brand .dd.on>.sq{background:color-mix(in srgb,var(--glow) 22%,var(--mixw));color:var(--foil-c);border-color:color-mix(in srgb,var(--acc) 55%,var(--mixw))}
html.brand .dd.on>.sq b{color:var(--foil-c)}
/* КАРТОЧКИ (.card витрина, .lc списки, .sw-card обмен): лист с угловыми подмесами (--card-bg), тонкая рамка; сверху «луч» — волосяная линия:
   зелёный слева, янтарь только у правого края, тает к углам (углы не режет). Комп 1.5px, телефон 1px. */
html.brand .card,html.brand .lc,html.brand details.faq,html.brand .sw-card{
  background:var(--card-bg);border-color:var(--line);box-shadow:0 1px 0 rgba(var(--shc),.04);position:relative}
html.brand .card::before,html.brand .lc::before,html.brand .sw-card::before{content:'';position:absolute;left:0;right:0;top:0;height:1.5px;
  pointer-events:none;z-index:3;opacity:.95;
  background:linear-gradient(90deg,transparent 0,var(--foil-a) 8%,var(--foil-a) 42%,var(--foil-b) 74%,var(--glow) 92%,transparent 100%)}
@media(max-width:640px){html.brand .card::before,html.brand .lc::before,html.brand .sw-card::before{height:1px;
  background:linear-gradient(90deg,transparent 0,var(--foil-a) 10%,var(--foil-a) 42%,var(--foil-b) 74%,var(--glow) 90%,transparent 100%)}}
html.brand .card.sk::before{display:none}
html.brand .card.is-new,html.brand .lc.is-new{background:color-mix(in srgb,var(--glow) 12%,var(--mixw));border-color:color-mix(in srgb,var(--acc) 40%,var(--line))}
html.brand .card.is-mine,html.brand .lc.is-mine{background:color-mix(in srgb,var(--inkbg) 9%,var(--mixw));border-color:color-mix(in srgb,var(--inkbg) 40%,var(--line))}
html.brand #list .card.stk,html.brand .lc-stack .lc.stk{box-shadow:0 -4px 14px var(--stk-sh)}
/* копилка: «набрано» — заливка чернильно-зелёным (вместо бирюзового) */
html.brand .lc-fill{background:color-mix(in srgb,var(--inkbg) 15%,transparent)}
html.brand .lc-fill.full{background:color-mix(in srgb,var(--inkbg) 24%,transparent)}
html.brand .lc-badge{background:color-mix(in srgb,var(--glow) 32%,var(--mixw));color:var(--foil-c)}
html.brand .lc-badge.up{background:color-mix(in srgb,var(--inkbg) 14%,var(--mixw));color:var(--inkbg)}
html.brand .lc-badge.grey{background:var(--card2);color:var(--mut)}
/* большое «всего» — foil как «9/10» на слайде */
html.brand .tot b{background-image:linear-gradient(100deg,var(--foil-a) 0%,var(--foil-b) 60%,var(--foil-c) 100%);background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;padding-right:.08em}
/* бейджи и рост/падение — зелёный чернильный, янтарь, тёплый терракот вместо красного */
html.brand .badge.tok,html.brand .badge.new,html.brand .devtag{background:color-mix(in srgb,var(--glow) 32%,var(--mixw));color:var(--foil-c)}
html.brand .badge.mem,html.brand .badge.mine{background:color-mix(in srgb,var(--inkbg) 14%,var(--mixw));color:var(--inkbg)}
html.brand .badge.off{background:color-mix(in srgb,var(--down) 14%,var(--mixw));color:var(--down)}
/* разделители секций — «луч»: слева зелёный, справа янтарь, к краям тают */
html.brand .seclbl::before{background:linear-gradient(90deg,transparent,var(--foil-a) 70%,var(--foil-b))}
html.brand .seclbl::after{background:linear-gradient(90deg,var(--foil-b),var(--glow) 30%,transparent)}
html.brand .kv{border-bottom-color:color-mix(in srgb,var(--acc) 25%,var(--line))}
/* выпадашки/меню — тёплая тень, активный пункт янтарём */
html.brand .dd-menu,html.brand .mm-menu{box-shadow:0 14px 44px rgba(var(--shc),.16);border-color:color-mix(in srgb,var(--acc) 25%,var(--line))}
html.brand .dd-it.act,html.brand .dd-it .mk{color:var(--foil-c)}
html.brand .links a,html.brand .foot a,html.brand details.faq>summary{color:var(--foil-b)}
/* боковая колонка разделов (комп) — на бумаге, без собственного фона; текущий раздел — лист с лучом */
html.brand .mm-side{background:transparent;border-right-color:var(--line)}
html.brand .mm-side .mm-it.cur{background:var(--card-bg);border-color:color-mix(in srgb,var(--acc) 30%,var(--line))}

/* ===== СТРАНИЦА ЗАПУСКА, ЛЕНДИНГ, FAQ (html.brand-st: страницы на studio-переменных --ink/--mute/--amber/--tint/--sh) ===== */
html.brand.brand-st{--ink:var(--tx);--mute:var(--mut);--dim:color-mix(in srgb,var(--mut) 72%,var(--bg));--amber:var(--acc);--amber2:color-mix(in srgb,var(--acc) 82%,#000);
  --on-amber:#fff;--step:var(--acc);--green:var(--up);--red:var(--down);
  --tint:color-mix(in srgb,var(--acc) 10%,transparent);--glow:color-mix(in srgb,var(--acc) 30%,transparent);
  --sh:0 14px 36px -16px rgba(var(--shc),.18),0 0 0 1px rgba(var(--shc),.05);--shadow:0 14px 36px -16px rgba(var(--shc),.18)}
/* лаунч: html,body{background} у страницы — фон body перекрывал бы перелив/миллиметровку (fixed ::before/::after с z-index<0 лежат под фоном body,
   но над холстом) → фон на html, body прозрачный */
html.brand.brand-st{background:var(--bg)}html.brand.brand-st body{background:transparent}
html.brand.brand-st .top,html.brand.brand-st .header,html.brand.brand-st .hdr{background:transparent;
  -webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05)}
html.brand.brand-st .hdr{border-bottom-color:var(--line)}
/* карточки лаунча/лендинга (.c) — тот же лист: угловые подмесы + луч сверху (у страниц своя линия 1px .55 — переопределяем) */
html.brand.brand-st .c{background:var(--card-bg);box-shadow:var(--sh)}
html.brand.brand-st .c::before{height:1.5px;opacity:.95;background:linear-gradient(90deg,transparent 0,var(--foil-a) 8%,var(--foil-a) 42%,var(--foil-b) 74%,var(--glow) 92%,transparent 100%)}
@media(max-width:640px){html.brand.brand-st .c::before{height:1px}}
html.brand.brand-st .hd{border-bottom-color:var(--line)}
html.brand.brand-st .board{background:var(--card-bg);border-color:var(--line)}
/* кнопки лаунча/лендинга: .btn — первичная, янтарная с зелёным уголком («Запустить»/«Launch»); .btn.g — вторичная белая; .btn.tg — как была (Telegram) */
html.brand.brand-st .btn:not(.g):not(.tg){background:var(--b-pri-a);color:var(--b-pri-tx,#fff);box-shadow:var(--b-pri-sh);text-shadow:var(--b-pri-tsh,0 1px 0 rgba(0,0,0,.12))}
html.brand.brand-st .btn:not(.g):not(.tg):hover{filter:brightness(1.05)}
html.brand.brand-st .btn:not(.g):not(.tg):active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.20)}
html.brand.brand-st .btn.g{background:var(--b-sec);color:var(--tx);box-shadow:var(--b-sec-sh),inset 0 0 0 1px color-mix(in srgb,var(--acc) 40%,var(--line))}
html.brand.brand-st .btn.g:hover{background:var(--b-sec);box-shadow:var(--b-sec-sh),inset 0 0 0 1px color-mix(in srgb,var(--acc) 60%,var(--mixw)),0 0 0 4px color-mix(in srgb,var(--glow) 22%,transparent)}
/* выбор (тариф, цена, сеть, чип): активное — янтарная рамка + мягкое кольцо; чип.on — первичный градиент */
html.brand.brand-st .price.on,html.brand.brand-st .chain.on,html.brand.brand-st .tier.on{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--glow) 24%,transparent)}
html.brand.brand-st .price,html.brand.brand-st .chain,html.brand.brand-st .tier,html.brand.brand-st .chip,html.brand.brand-st .inp{background:var(--card2);border-color:var(--line)}
html.brand.brand-st .chip.on{background:var(--b-pri);border-color:transparent;color:var(--b-pri-tx,#fff);box-shadow:var(--b-pri-sh)}
html.brand.brand-st .inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--glow) 22%,transparent)}
/* полоска пути: пройдено — чернила, текущий — луч */
html.brand.brand-st .path a.did i{background:var(--inkbg)}
html.brand.brand-st .path a.on i{background:var(--b-pri)}
html.brand.brand-st .tier .rec{background:var(--inkbg)}

/* 22.10 v5 (Влад, скрин prod «при загрузке старый паттерн проявляется»): скелет карточек витрины (до прихода __BOOT ~100 КБ gzip) — в теме:
   плашка картинки и строки — зелёный полупрозрачный подмес, не серые; рамка карточки чуть зеленее. Геометрия та же (70px), луча у скелета нет. */
html.brand .sk-img{background:color-mix(in srgb,var(--inkbg) 9%,var(--mixw))}
html.brand .sk-l{background:color-mix(in srgb,var(--inkbg) 11%,transparent)}
html.brand .card.sk{border-color:color-mix(in srgb,var(--inkbg) 10%,var(--line))}
/* Колонка на компе — геометрия ДО mempad-menu.js (он грузится в конце body): класс html.mm-hasside ставит инлайн-сниппет в <head> страницы
   (условия как sideOk() в меню; меню снимет класс, если колонка не положена). Тут: логотип и «Запустить» в шапке скрыты, тело сдвинуто,
   подложка колонки (::before) — чтобы первый кадр и итог совпадали. Правила дублируют mempad-menu.js — не под html.brand, работают и при ?brand=0. */
@media(min-width:1100px){html.mm-hasside header .logo,html.mm-hasside header .hdr-cta{display:none!important}html.mm-hasside body{padding-left:236px}
html.mm-hasside::before{content:'';position:fixed;left:0;top:0;bottom:0;width:236px;background:var(--bg,#f4f6f9);border-right:1px solid var(--line,#dfe5ee);z-index:29;pointer-events:none}
/* v7 (23.10 вечер): шапка (Войти · ☰ · поиск) в правом верхнем углу и контент с самого верха — ДО загрузки mempad-menu.js, чтобы первый кадр не прыгал (дубль правила v2.17 из menu.js) */
html.mm-hasside body>.wrap>header{position:absolute;top:12px;right:18px;left:auto;width:auto;margin:0;padding:0;z-index:35;gap:8px}html.mm-hasside body>.wrap>header .sp,html.mm-hasside body>.wrap>header .mm-ph{display:none}html.mm-hasside body>.wrap{padding-top:16px}}

/* v6 (23.10.2026, Влад: «футер всё время подлезает кверху — пусть будет снизу»): страница — колонка на всю высоту окна,
   .wrap растёт, .foot (прямой потомок body на всех страницах) прижат к низу; на длинных страницах ничего не меняется */
html.brand body{min-height:100vh;display:flex;flex-direction:column}
/* flex-потомок с margin:0 auto сжимается по содержимому и не умеет ужиматься (min-width:auto) — задаём ширину явно: как раньше, 100 % минус боковые 14+14 */
html.brand body>.wrap,html.brand body>.foot{min-width:0;width:100%} /* box-sizing везде border-box → 100 % = как раньше */
html.brand body>.wrap{flex:1 0 auto}
html.brand body>.foot{margin-top:auto}