/* ============================================================
   FairyMU 99b — темплейт "brass"
   Третата посока на марката. fairy (S6) е огън и злато, frost (S18)
   е лед и индиго; тук е БРОНЗ и пергамент — Лоренция от 2003.
   Подпис: ПЛОЧКАТА — скосена бронзова рамка с врязан вътрешен ръб,
   същата форма като прозореца с характеристиките в стария клиент.
   ============================================================ */

:root{
  --soil:#14100c;      /* топла почти-чернота; кафява, не синя */
  --bark:#1e1811;      /* тяло на панел */
  --stone:#3a2c1e;     /* ръбове */
  --brass:#c8973f;     /* старото MU злато — основен акцент */
  --brass-hi:#f0c979;  /* горният ръб на скосяването */
  --bone:#ece0c8;      /* пергамент — основен текст */
  --bone-mute:#9d8f79;
  --ember:#d0442c;     /* червеното на кълбото с живот — само за предупреждения */

  --wrap:1120px;
  --f-disp:"IM Fell English SC",Georgia,serif;
  --f-body:"Alegreya Sans",system-ui,-apple-system,sans-serif;
  --f-num:"Share Tech Mono",ui-monospace,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;color:var(--bone);font-family:var(--f-body);font-size:17px;line-height:1.6;
  background:
    radial-gradient(900px 500px at 50% -5%, rgba(200,151,63,.14), transparent 65%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 3px),
    linear-gradient(180deg,#191309 0%,var(--soil) 45%,#0f0c08 100%);
  background-attachment:fixed;
}
img{max-width:100%;height:auto}
a{color:var(--brass);text-decoration:none}
a:hover{color:var(--brass-hi)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.bp-wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}

/* ---------- ПЛОЧКАТА: подписът ---------- */
.bp-plate{
  position:relative;background:linear-gradient(180deg,#2a2015,#1a140d);
  border:1px solid var(--stone);
  box-shadow:
    inset 0 1px 0 rgba(240,201,121,.28),      /* горен светъл ръб */
    inset 0 -1px 0 rgba(0,0,0,.65),           /* долна сянка */
    0 2px 0 rgba(0,0,0,.45);
}
.bp-plate::after{                              /* врязаният вътрешен ръб */
  content:"";position:absolute;inset:5px;pointer-events:none;
  border:1px solid rgba(200,151,63,.16)
}

/* ---------- шапка ---------- */
.bp-top{border-bottom:1px solid var(--stone);background:rgba(12,9,6,.82);
  position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.bp-top-in{display:flex;align-items:center;gap:26px;min-height:70px}
.bp-brand{display:flex;align-items:baseline;gap:10px}
.bp-brand img{height:36px;width:auto;filter:sepia(.5) saturate(1.5) hue-rotate(-8deg)}
.bp-brand span{font-family:var(--f-num);font-size:20px;color:var(--brass);letter-spacing:.06em}
.bp-nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.bp-nav a{padding:9px 14px;color:var(--bone-mute);font-weight:500;font-size:14px;
  letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent}
.bp-nav a:hover{color:var(--bone);border-bottom-color:var(--brass)}
.bp-nav .bp-other{color:var(--brass)}

/* ---------- герой: едно число ---------- */
.bp-hero{padding:56px 0 60px;text-align:center}
.bp-eyebrow{margin:0 0 22px;color:var(--brass);font-size:12.5px;letter-spacing:.32em;
  text-transform:uppercase}
.bp-plate-hero{
  display:inline-flex;align-items:baseline;gap:10px;padding:22px 40px 18px;margin:0 0 26px
}
.bp-big{font-family:var(--f-num);font-size:clamp(64px,13vw,140px);line-height:.85;
  color:var(--brass-hi);text-shadow:0 0 34px rgba(200,151,63,.42);font-weight:400;
  font-variant-numeric:tabular-nums}
.bp-x{font-family:var(--f-num);font-size:clamp(28px,5vw,54px);color:var(--brass)}
.bp-big-lbl{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone-mute);
  align-self:flex-end;padding-bottom:8px}
.bp-h1{font-family:var(--f-disp);font-weight:400;margin:0 0 18px;
  font-size:clamp(26px,4vw,42px);line-height:1.25;color:#fbf3e2}
.bp-lead{margin:0 auto 30px;max-width:60ch;color:var(--bone-mute);font-size:18px}
.bp-lead b{color:var(--bone)}

.bp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.bp-btn{display:inline-block;padding:14px 30px;font-weight:700;font-size:14px;
  letter-spacing:.14em;text-transform:uppercase;color:#20180d;
  background:linear-gradient(180deg,var(--brass-hi),var(--brass));
  border:1px solid #8a6522;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 rgba(0,0,0,.5)}
.bp-btn:hover{filter:brightness(1.07);color:#20180d}
.bp-btn-ghost{background:transparent;color:var(--bone);border-color:var(--stone);box-shadow:none}
.bp-btn-ghost:hover{border-color:var(--brass);color:var(--bone);background:rgba(200,151,63,.08)}

.bp-soon{display:inline-flex;flex-direction:column;gap:4px;padding:16px 28px;
  border:1px solid var(--stone);border-left:3px solid var(--ember);background:rgba(30,24,17,.7)}
.bp-soon b{color:var(--ember);letter-spacing:.06em}
.bp-soon span{color:var(--bone-mute);font-size:15px}

/* ---------- секции ---------- */
.bp-sec{padding:46px 0}
.bp-sec-dark{background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.14));
  border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}
.bp-h2{font-family:var(--f-disp);font-weight:400;margin:0 0 6px;font-size:clamp(24px,3.2vw,34px);
  color:#fbf3e2;letter-spacing:.03em}
.bp-h2::after{content:"";display:block;width:64px;height:2px;margin-top:8px;
  background:linear-gradient(90deg,var(--brass),transparent)}
.bp-sub{margin:14px 0 22px;color:var(--bone-mute)}
.bp-sub b{color:var(--brass)}

/* ---------- рейтове: шест плочки ---------- */
.bp-rates{list-style:none;margin:22px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.bp-rates li{padding:22px 12px 18px;text-align:center}
.bp-rates b{display:block;font-family:var(--f-num);font-size:30px;color:var(--brass-hi);line-height:1}
.bp-rates b i{font-style:normal;font-size:.6em;color:var(--bone-mute);margin-left:1px}
.bp-rates span{display:block;margin-top:9px;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bone-mute)}

/* ---------- списък „сървърът" ---------- */
.bp-list{margin:22px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.bp-list>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid rgba(200,151,63,.13)}
.bp-list dt{color:var(--bone);font-weight:500}
.bp-list dd{margin:0;color:var(--bone-mute);text-align:right;font-size:15.5px}

/* ---------- Chaos Machine ---------- */
.bp-mix{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bp-mix li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:14px 16px;border:1px solid var(--stone);background:rgba(30,24,17,.55)}
.bp-mix span{color:var(--bone-mute);font-size:15px}
.bp-mix b{font-family:var(--f-num);color:var(--brass-hi);font-size:19px}

/* ---------- команди ---------- */
.bp-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;margin-top:22px}
.bp-cmdgroup h3{font-family:var(--f-disp);font-weight:400;font-size:19px;color:var(--brass);
  margin:0 0 10px;letter-spacing:.04em}
.bp-cmdgroup dl{margin:0}
.bp-cmdgroup>dl>div{padding:9px 0;border-bottom:1px solid rgba(200,151,63,.10)}
.bp-cmdgroup dt{font-family:var(--f-num);color:var(--bone);font-size:14.5px}
.bp-cmdgroup dd{margin:3px 0 0;color:var(--bone-mute);font-size:15px}

/* ---------- футер ---------- */
.bp-foot{border-top:1px solid var(--stone);background:rgba(10,8,5,.75);padding:32px 0;margin-top:8px}
.bp-foot-in{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:flex-start}
.bp-foot strong{font-family:var(--f-disp);font-weight:400;font-size:19px;color:#fbf3e2}
.bp-foot p{margin:5px 0 0;color:var(--bone-mute);font-size:15px;max-width:44ch}
.bp-foot nav{display:flex;gap:20px;flex-wrap:wrap}
.bp-foot nav a{font-size:13px;letter-spacing:.10em;text-transform:uppercase;color:var(--bone-mute)}
.bp-foot nav a:hover{color:var(--brass)}

/* ---------- адаптивност ---------- */
@media (max-width:1000px){
  .bp-rates{grid-template-columns:repeat(3,1fr)}
  .bp-mix{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .bp-list,.bp-cmds{grid-template-columns:1fr}
  .bp-list dd{text-align:right}
  .bp-nav{width:100%;margin-left:0;justify-content:center}
  .bp-top-in{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
}
@media (max-width:520px){
  .bp-rates{grid-template-columns:repeat(2,1fr)}
  .bp-mix{grid-template-columns:1fr}
  .bp-plate-hero{padding:16px 22px 14px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}