:root{
  --rn-bg:#0d1014; --rn-surface:#14181d; --rn-soft:rgba(255,255,255,.04);
  --rn-border:rgba(255,255,255,.10); --rn-text:#e6e8ea; --rn-muted:#9aa3ae;
  --rn-primary:#F58220; --rn-primary-2:#d96f14; --rn-ok:#22c55e; --rn-warn:#f59e0b;
  --rn-radius:14px; --rn-shadow:0 8px 40px rgba(0,0,0,.45);
}

/* ===== БАЗА ===== */
html,body{background:var(--rn-bg);color:var(--rn-text);}
p, .text-secondary, .small{color:var(--rn-muted)!important}
.container{max-width:1160px}
.img-fluid{border-radius:12px}

/* ===== ЛЕЙАУТЫ/ФОНЫ ===== */
.rn-body{background:transparent!important}
.bg-soft{background:var(--rn-surface)!important}
.card.bg-soft{border:1px solid var(--rn-border)!important;border-radius:var(--rn-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.section{padding:48px 0} @media(min-width:992px){.section{padding:64px 0}}
.section.border-top{border-top:1px solid rgba(255,255,255,.08)!important}
.divider{height:1px;background:rgba(255,255,255,.08);margin:28px 0}

/* ===== ХЕДЕР/НАВ ===== */
.rn-header{position:sticky;top:0;z-index:10;background:rgba(20,24,29,.75);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.rn-header nav a{color:#aeb6bf!important;text-decoration:none;padding:.25rem .5rem}
.rn-header nav a:hover{color:#fff!important}
.rn-nav.navbar{z-index:3!important}
.rn-footer{z-index:3!important}

/* ===== ЧИПЫ/ШАГИ ===== */
.rn-chip{display:inline-block;padding:.3rem .7rem;border-radius:999px;background:var(--rn-soft);border:1px solid var(--rn-border);color:var(--rn-muted);font-weight:600}
.rn-step{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:rgba(255,255,255,.06);border:1px solid var(--rn-border);color:#cbd2d9}

/* ===== КНОПКИ ===== */
.btn{border-radius:10px}
.btn.rn-btn-primary{background:var(--rn-primary)!important;border-color:var(--rn-primary)!important;color:#101215!important;font-weight:600;box-shadow:0 6px 18px rgba(245,130,32,.25)}
.btn.rn-btn-primary:hover{background:var(--rn-primary-2)!important;border-color:var(--rn-primary-2)!important;color:#fff!important}
.btn.btn-outline-secondary{border-color:var(--rn-border)!important;color:#d7dde4!important;background:transparent!important}
.btn.btn-outline-secondary:hover{background:rgba(255,255,255,.05)!important;border-color:#3b434c!important;color:#fff!important}
/* 3D-кнопка, встречается на логине/сбросе пароля */
.rn-btn-3d{background:var(--rn-primary)!important;border:0!important;border-radius:12px;color:#101215!important;font-weight:700;box-shadow:0 10px 28px rgba(245,130,32,.28)!important;transition:transform .06s ease, filter .2s ease}
.rn-btn-3d:hover{filter:brightness(1.06);box-shadow:0 12px 36px rgba(245,130,32,.34)!important}
.rn-btn-3d:active{transform:translateY(1px)}

/* ===== ФОРМЫ ===== */
.rn-field-label{font-size:12px;color:#cfd6dd;margin-bottom:6px}
.rn-input, .form-control.rn-input{background:#11161b;border:1px solid rgba(255,255,255,.14);color:#e6e8ea;border-radius:10px}
.rn-input:focus{border-color:rgba(245,130,32,.55);box-shadow:0 0 0 .2rem rgba(245,130,32,.15)}
.form-check-input{background:#11161b;border-color:rgba(255,255,255,.18)}

/* ===== ЛОГИН/АВТОРИЗАЦИЯ ===== */
.rn-bgvid{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;object-fit:cover;pointer-events:none;filter:brightness(.9) saturate(1.05)}
.rn-login-viewport{position:fixed;left:0;right:0;top:72px;bottom:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2}
.rn-login-card{max-width:420px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:#14181d;box-shadow:0 3px 24px rgba(0,0,0,.55)}
.rn-login-title{font-size:22px;font-weight:700;text-align:center;margin-bottom:18px}

/* ===== ТАБЛИЦЫ ===== */
.rn-table-wrap table, .rn-table-wrap thead, .rn-table-wrap tbody, .rn-table-wrap tr, .rn-table-wrap th, .rn-table-wrap td{background:transparent!important}
.table{--bs-table-bg:transparent}
.table>:not(caption)>*>*{background-color:transparent!important}

/* ===== СТАТЫ/ГРИДЫ (partner_dashboard) ===== */
.rn-stats-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem}
@media(max-width:1199.98px){.rn-stats-grid{grid-template-columns:repeat(8,1fr)}}
@media(max-width:991.98px){.rn-stats-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:767.98px){.rn-stats-grid{grid-template-columns:repeat(2,1fr)}}

.rn-stat-tile{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--rn-border)}
.rn-stat-left{display:flex;align-items:center;gap:.5rem}
.rn-stat-ico{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--rn-border)}
.rn-ico-click{background-color:var(--rn-accent, rgba(255,255,255,.06))}
.rn-ico-form{background-color:var(--rn-accent, rgba(255,255,255,.06))}
.rn-ico-doc{background-color:var(--rn-accent, rgba(255,255,255,.06))}
.rn-ico-c2f,.rn-ico-c2s,.rn-ico-f2s{background-color:var(--rn-accent, rgba(255,255,255,.06))}
.rn-stat-label{font-weight:400;font-size:14px;color:#cfd6dd}
.rn-stat-val{font-weight:600;font-size:14px;color:#fff}
.rn-stat-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.08);color:#cbd2d9;font-size:11px}

/* ===== HERO (лендинг) ===== */
.rn-hero .hero-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:32px}
@media (max-width: 991.98px){ .rn-hero .hero-wrap{grid-template-columns:1fr} }
.rn-hero .hero-media{border:1px solid var(--rn-border);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border-radius:var(--rn-radius);padding:12px;box-shadow:var(--rn-shadow)}

/* ===== FINAL OVERRIDES (force over Bootswatch) ===== */
html,body{background:#0d1014!important;color:#e6e8ea!important;}
body .text-body{color:#e6e8ea!important;}
a{color:#d7dde4!important}
a:hover{color:#ffffff!important}

.card{background:#14181d!important;border-color:rgba(255,255,255,.10)!important;border-radius:14px!important;}
.table, .table *{background:transparent!important}

.btn{border-radius:10px!important}
.btn.rn-btn-primary{background:#F58220!important;border-color:#F58220!important;color:#101215!important}
.btn.rn-btn-primary:hover{background:#d96f14!important;border-color:#d96f14!important;color:#fff!important}
.btn.btn-outline-secondary{border-color:rgba(255,255,255,.12)!important;color:#d7dde4!important;background:transparent!important}
.btn.btn-outline-secondary:hover{background:rgba(255,255,255,.05)!important;border-color:#3b434c!important;color:#fff!important}

.rn-header{background:rgba(20,24,29,.78)!important;backdrop-filter:saturate(1.1) blur(10px)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}

/* === full-bleed + шире контейнер === */
.container{max-width:1280px}
@media (min-width: 1400px){ .container{max-width:1320px} }

.rn-footer, .rn-hero{width:100%}
.rn-footer{background:rgba(20,24,29,.92);border-top:1px solid rgba(255,255,255,.08)}
.rn-header{border-bottom:1px solid rgba(255,255,255,.06)}
.rn-hero{padding-top:56px;padding-bottom:56px}

/* мелкие правки для хиро */
.rn-hero .hero-media{max-width:660px;margin-left:auto}

/* === full-bleed + шире контейнер === */
.container{max-width:1920px}
@media (min-width: 1400px){ .container{max-width:1920px} }

/* мелкие правки для хиро */
.rn-hero .hero-media{max-width:660px;margin-left:auto}

/* ===== контент с отступами, фон full width ===== */
.rn-section-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 32px;
}
@media (max-width:991.98px){ .rn-section-inner{padding:0 20px} }
@media (max-width:575.98px){ .rn-section-inner{padding:0 16px} }

/* фиксируем фон у header/footer/hero */
.rn-header, .rn-footer, .rn-hero{
  width:100%;
  background-size:cover;
  background-position:center;
}

/* === контент ~80% ширины экрана === */
.rn-section-inner{
  max-width:80vw;
  margin:0 auto;
  padding:0 24px;
}
@media (max-width:991.98px){ .rn-section-inner{max-width:90vw;padding:0 20px} }
@media (max-width:575.98px){ .rn-section-inner{max-width:96vw;padding:0 16px} }
/* === контент: максимум 1920px, но не более 80vw === */
.rn-section-inner{
  max-width: min(1920px, 80vw);
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 991.98px){ .rn-section-inner{ max-width: 90vw; padding: 0 20px } }
@media (max-width: 575.98px){ .rn-section-inner{ max-width: 96vw; padding: 0 16px } }
/* === контент: максимум 1920px, но не более 80vw === */
.rn-section-inner{
  max-width: min(1920px, 90vw);
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 991.98px){ .rn-section-inner{ max-width: 90vw; padding: 0 20px } }
@media (max-width: 575.98px){ .rn-section-inner{ max-width: 96vw; padding: 0 16px } }
/* --- HERO GRID FIX --- */
.rn-hero .hero-wrap{
  display:grid; gap:32px;
  grid-template-columns: 1.1fr .9fr;
  align-items:center;
}
@media (max-width: 991.98px){
  .rn-hero .hero-wrap{ grid-template-columns:1fr }
}
.rn-hero .hero-col{ min-width:0 }
.rn-hero .hero-col--text h1{ max-width:18ch; line-height:1.08 }
.rn-hero .hero-col--text .lead{ max-width:56ch }
.rn-hero .hero-media{ width:100%; max-width:720px; margin-left:auto }
.rn-hero .hero-media img{ display:block; width:100%; height:auto; border-radius:12px }
/* === HERO PREVIEW TILE === */
.rn-preview-tile{
  position:relative;
  aspect-ratio: 4 / 3;
  border-radius:20px;
  background:linear-gradient(135deg,#fff 0%,#e2e8f0 25%,#cbd5e1 50%,#f8fafc 100%);
  background-clip:padding-box;
  overflow:hidden;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.4),
    0 8px 28px rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  transform:rotateY(-6deg) rotateX(4deg);
  transition:transform .6s ease, box-shadow .6s ease;
}
.rn-preview-tile:hover{
  transform:rotateY(0deg) rotateX(0deg);
  box-shadow:0 12px 48px rgba(0,0,0,.5);
}
.rn-preview-tile img{
  width:86%;
  height:auto;
  border-radius:14px;
  box-shadow:0 4px 18px rgba(0,0,0,.25);
}
.rn-hero .hero-media{display:flex;align-items:center;justify-content:flex-end}
.rn-preview-tile{width:100%;max-width:720px;margin-left:auto}
/* === HOLO TILE (netmonet-style) === */
.rn-holo{
  position:relative; width:100%; max-width:720px; margin-left:auto;
  border-radius:26px; overflow:hidden;
  box-shadow:
    0 14px 60px rgba(0,0,0,.55),
    0 2px 0 rgba(255,255,255,.06) inset,
    0 0 0 1px rgba(255,255,255,.10) inset;
  transform:translateZ(0);
}
.rn-holo::before{
  /* радужный перелив */
  content:""; position:absolute; inset:-20%;
  background:
    conic-gradient(from 210deg at 40% 40%,
      #ffd4a3, #e9a9ff, #9fd7ff, #b9ffcf, #ffd4a3);
  filter:blur(24px) saturate(120%); opacity:.55;
}
.rn-holo::after{
  /* мягкий верхний блик */
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.06));
  mix-blend-mode:screen; opacity:.9;
}
.rn-holo-frame{
  position:relative; margin:18px; border-radius:20px; overflow:hidden;
  background:linear-gradient(180deg, #f6f8fb, #e2e8f0);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -1px 0 rgba(0,0,0,.06) inset;
}
.rn-holo-media{
  position:relative; aspect-ratio: 16/10; /* форма как у пластины */
}
.rn-holo-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.25);
}
@media (max-width: 991.98px){
  .rn-holo{max-width:100%; margin:16px 0 0}
}
/* === RN HERO SCREEN — плоский скрин под углом === */
.rn-hero .hero-media{ 
  background:transparent!important; 
  border:0!important; 
  padding:0!important; 
  box-shadow:none!important; 
  display:flex; 
  justify-content:flex-end;
}

.rn-hero-screen{
  position:relative;
  width:640px;
  height:auto;
  transform:rotateY(-22deg) rotateX(8deg) translateX(-120px);
  transform-origin:center center;
  border-radius:22px;
  overflow:hidden;
  box-shadow:
    0 0px 45px rgba(245,130,32,.35),
    0 4px 20px rgba(0,0,0,.25);
}
.rn-hero-screen img{
  width:100%;
  height:auto;
  display:block;
  border-radius:22px;
  object-fit:cover;
}
/* === HERO MEDIA OVERRIDE === */
.rn-hero .hero-media{
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  justify-content: flex-end !important;
}

/* === RN HOW FLOW — в одну строку, без плиток === */
.rn-how-flow{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 64px 0;
  flex-wrap: nowrap;           
}
@media (max-width: 991.98px){
  .rn-how-flow{
    flex-wrap: wrap;           
    justify-content: center;
    gap: 32px 24px;
  }
}

/* подписи поверх стрелок, позиционируем относительно контейнера */
.rn-how-flow{ position:relative; }
.rn-how-flow .caption{
  position:absolute;
  z-index:3;
  font-weight:600;
  color:var(--rn-text);
  max-width:320px;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

/* позиции подписей (как на скрине с красными метками) */
.rn-how-flow .i1 .caption{ left:10%; top:20px;  text-align:left;   }  /* вниз слева, между 1 и логином */
.rn-how-flow .i2 .caption{ left:6%; top:310px;  text-align:left; }  /* наверху, над дугой к чату */
.rn-how-flow .i3 .caption{ left:45%; top:0px;  text-align:left; }  /* внизу, вдоль длинной дуги к лидам */
.rn-how-flow .i4 .caption{ left:65%; top:450px;  text-align:left;   }  /* справа, у блока «Мои лиды» */
/* только изображение, без рамок и теней */
.flow-item .shot{
  all: unset;
  display: block;
}
.flow-item .shot img{
  display: block;
  width: auto;
  height: auto;
  border-radius: 22px;
  object-fit: contain;
}
.flow-item .shot:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 48px rgba(0,0,0,.55);
}
.flow-item .caption {
  color: var(--rn-text);
  font-weight: 500;
  max-width: 240px;
}

/* стрелки между шагами */
.flow-arrow {
  position: absolute;
  width: 160px;
  height: 100px;
  border: 2px solid var(--rn-primary);
  border-color: var(--rn-primary) transparent transparent transparent;
  border-radius: 50% / 100%;
  opacity: .7;
  pointer-events: none;
  z-index: 1;
}
.a12 { top: 80px; left: 22%; transform: rotate(15deg); }
.a23 { top: 60px; left: 47%; transform: rotate(-10deg) scaleX(-1); }
.a34 { top: 100px; left: 72%; transform: rotate(10deg); }

@media (max-width: 991.98px){
  .flow-arrow { display: none; }
}
/* === HOW FLOW — без наклонов, зигзаг размещение === */
.rn-how-flow{ perspective: none; }

.flow-item .shot img{
  display:block;
  width:auto;
  height:auto;
  border-radius:10px;
  transform:none;                        
  box-shadow: 0 0px 60px rgba(245,130,32,.35),
              0 4px 20px rgba(0,0,0,.25);
  transition: box-shadow .3s ease;
}

/* зигзаг: вверх — вниз — вверх — вниз */
.flow-item.i1{ margin-top:   0px; }
.flow-item.i2{ margin-top:  80px; }
.flow-item.i3{ margin-top:   0px; }
.flow-item.i4{ margin-top: 100px; }

/* индивидуальные размеры скринов */
.flow-item.i1 .shot img { max-width: 230px; max-height: 60px; }
.flow-item.i2 .shot img { max-width: 175px; max-height: 275px; }
.flow-item.i3 .shot img { max-width: 450px; max-height: 250px; }
.flow-item.i4 .shot img { max-width: 400px; max-height: 200px; }

/* === RN BENEFITS — ромб из 4 пунктов === */
.rn-benefits{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap:48px 36px;
  align-items:start;
  justify-items:center;
  text-align:center;
}

.bnf:nth-child(1) .bnf-ill img { max-width: 300px; } /* 0₽ */
.bnf:nth-child(3) .bnf-ill img { max-width: 190px; } /* Скорость */
.bnf:nth-child(4) .bnf-ill img { max-width: 180px; } /* Качество */
.bnf:nth-child(5) .bnf-ill img { max-width: 190px; } /* Интеграция позже */

/* раскладка «ромбом» по порядку детей: 1 — верх, 2/3 — середина, 4 — низ */
.rn-benefits > :nth-child(1){ grid-column: 2; grid-row: 1; } /* 0₽ — верх */
.rn-benefits > :nth-child(3){ grid-column: 1; grid-row: 2; } /* слева */
.rn-benefits > :nth-child(4){ grid-column: 3; grid-row: 2; } /* справа */
.rn-benefits > :nth-child(5){ grid-column: 2; grid-row: 3; } /* низ */
.bnf-cta{ grid-column: 2; grid-row: 2; align-self: center; justify-self: center; } /

/* размеры иллюстраций остаются адаптивными */
.bnf{max-width:320px;}
.bnf-ill{ margin-bottom:16px; }
.bnf-ill img{ width:100%; height:auto; max-width:180px; display:block; margin:0 auto; }

/* адаптив: на планшете — 2 колонки, на мобиле — 1 колонка */
@media (max-width: 991.98px){
  .rn-benefits{ grid-template-columns: 1fr 1fr; }
  .rn-benefits > :nth-child(1){ grid-column: 1 / -1; } /* 0₽ во всю ширину */
  .rn-benefits > :nth-child(3){ grid-column: 1; }
  .rn-benefits > :nth-child(4){ grid-column: 2; }
  .rn-benefits > :nth-child(5){ grid-column: 1 / -1; } /* низ во всю ширину */
  .bnf-cta{ grid-column: 1 / -1; } /* кнопка по центру строки */
}
@media (max-width: 575.98px){
  .rn-benefits{ grid-template-columns: 1fr; gap:28px; }
  .rn-benefits > *{ grid-column: 1 !important; }
}

.bnf-ill img{
  width:100%;
  height:auto;
  max-width:180px;
  display:block;
  margin:0 auto;
  position:relative;
  z-index:2;
  filter: drop-shadow(0 14px 18px rgba(245,130,32,.25)); /* тень повторяет форму PNG */
  transition: filter .3s ease, transform .3s ease;
}

.bnf-ill img:hover{
  transform:translateY(-4px);
  filter: drop-shadow(0 18px 26px rgba(245,130,32,.25));
}

/* Заголовки (например: "Скорость", "Качество данных") */
.bnf h3 {
  font-size: 1.75rem;          /* было около 1rem → стало крупнее */
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: .25rem;
  color: var(--rn-text);
  text-align: center;
}

/* Подписи под заголовками */
.bnf p {
  font-size: 1.4rem;             /* было около .875rem */
  line-height: 1.5;
  color: var(--rn-muted);
  text-align: center;
  max-width: 360px;
  margin: 0 auto;
}

/* Отступы между соседними кнопками CTA */
.btn + .btn {
  margin-left: 12px; /* расстояние между кнопками */
}

/* На мобильных чуть меньше */
@media (max-width: 575.98px){
  .btn + .btn {
    margin-left: 8px;
  }
}

.bnf-cta {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  padding: 7px 50px;       /* ← размер кнопки (высота × ширина) */
  font-size: 2rem;        /* ← размер шрифта */
  border-radius: 999px !important;
}

/* === FOOTER (в стиле Renovo, как на референсе) === */
.rn-footer {
  background: var(--rn-surface);
  color: var(--rn-text);
  border-top: 1px solid var(--rn-border);
  padding-top: 64px;
  padding-bottom: 48px;
}

.rn-footer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 64px;
  margin-bottom: 48px;
}

.f-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.f-title {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 4px;
}

.f-subtitle {
  font-weight: 500;
  font-size: 0.95rem;
  margin-top: 12px;
  margin-bottom: 0;
}

.f-sub {
  opacity: 0.7;
  font-size: 0.85rem;
}

.f-link {
  color: var(--rn-text);
  text-decoration: none;
  transition: color .2s ease;
  font-size: 0.95rem;
}
.f-link:hover {
  color: var(--rn-primary);
}

.f-links-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.f-muted {
  color: var(--rn-muted);
  font-size: 0.9rem;
}

.f-card {
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255,255,255,.04);
  border-radius: var(--rn-radius);
  padding: 16px 20px;
  text-decoration: none;
  color: var(--rn-text);
  transition: background .25s ease;
}
.f-card:hover {
  background: rgba(255,255,255,.08);
}
.f-card-title {
  font-weight: 600;
}
.f-card-sub {
  font-size: 0.9rem;
  color: var(--rn-muted);
}
.f-card-ico {
  font-size: 1.5rem;
  color: var(--rn-primary);
}

.f-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--rn-border);
  padding-top: 24px;
}

/* адаптив */
@media (max-width: 991.98px) {
  .rn-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media (max-width: 575.98px) {
  .rn-footer-grid {
    grid-template-columns: 1fr;
  }
  .f-bottom {
    flex-direction: column;
    gap: 12px;
  }
}

/* remove top line above footer */
.rn-footer{ border-top: 0 !important; }

/* === FLOATING GLASS HEADER (wide rounded card) === */
.rn-header {
  margin: 0 auto;
  top: 28px !important;
  width: auto !important;
  max-width: 1220px !important;
  z-index: 100 !important; 
  border-radius: 999px !important;
  background: rgba(18,22,28,0.05) !important;
  box-shadow: 0 0px 15px rgba(245,130,32,.15);
}

/* === Active (liquid glass) link in header nav === */
.rn-header nav a.is-active {
  color: #fff !important;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  backdrop-filter: blur(8px) saturate(1.15);
  -webkit-backdrop-filter: blur(8px) saturate(1.15);
  box-shadow:
    0 2px 12px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.rn-header nav a {
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}

body {
  padding-top: 0px; /* убираем высоту навбара */
}

body {
  padding-bottom: 10px; /* убираем высоту футера */
}