/* Стили внутренних страниц: /earn/*, /experts, /team/*.
   Единственный внешний CSS на сайте: страниц уже больше десяти, и дублировать
   этот файл в каждой из них смысла нет. Главная (index.html) по-прежнему
   держит свои стили inline — её правило не тронуто.

   Токены :root скопированы из index.html один в один. Новых цветов здесь нет:
   всё, что на men-portal рисуется зелёным (суммы) и красным (запреты),
   переведено в янтарную и стальную части палитры лендинга. */

:root{
  --coal:#0a0a0d;
  --graphite:#16161b;
  --graphite-hi:#1c1c22;
  --border:rgba(228,228,232,0.09);
  --border-hover:rgba(255,122,26,0.4);
  --paper:#f3f2ee;
  --ash:#8a8890;
  --steel:#9a9ca6;
  --steel-light:#e8e8ec;
  --ember:#ff7a1a;
  --ember-light:#ffc247;
  --steel-grad:linear-gradient(135deg,var(--steel-light),var(--steel));
  --ember-grad:linear-gradient(135deg,var(--ember),var(--ember-light));
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:10px;
  --font-display:'Unbounded','Arial Black',sans-serif;
  --font-body:'Manrope',-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;
  --max-width:1180px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--coal);
  color:var(--paper);
  font-family:var(--font-body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
a:focus-visible,button:focus-visible{outline:2px solid var(--ember-light);outline-offset:3px;border-radius:4px;}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;z-index:1;}
h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.5px;}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:999px;
  font-weight:700;font-size:15px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;}
.btn-primary{background:var(--ember-grad);color:#0a0a0a;box-shadow:0 10px 30px rgba(255,122,26,.3);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,122,26,.42);}
.btn-ghost{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--paper);}
.btn-ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);}

/* Header */
header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(10,10,13,.75);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.nav{display:flex;align-items:center;height:78px;gap:24px;}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:1px;flex-shrink:0;}
.nav-links{display:flex;gap:30px;margin-left:auto;margin-right:30px;}
.nav-links a{font-size:14.5px;color:var(--ash);font-weight:500;transition:color .2s;}
.nav-links a:hover{color:var(--paper);}
.nav-links a.is-active{color:var(--ember-light);}
.nav-cta{padding:11px 24px;font-size:14px;}
.burger{display:none;flex-direction:column;gap:5px;padding:8px;z-index:210;}
.burger span{width:22px;height:2px;background:var(--paper);border-radius:2px;}
.mobile-menu{display:none;flex-direction:column;gap:0;padding:8px 24px 24px;border-top:1px solid var(--border);}
.mobile-menu a:not(.btn){padding:14px 0;font-size:15px;color:var(--ash);border-bottom:1px solid var(--border);}
.mobile-menu a.btn{margin-top:16px;}
header.menu-open .mobile-menu{display:flex;}

/* ── Каркас страницы раздела ─────────────────────────────────────────── */
/* Шапка фиксированная, 78px — под неё отступ, иначе заголовок уезжает под неё. */
.earn-main{padding-top:78px;padding-bottom:40px;}
.earn-wrap{max-width:1060px;margin:0 auto;padding:0 24px;}
.earn-wrap--narrow{max-width:860px;}

/* Шапка страницы */
.page-head{padding:56px 0 0;}
.page-kicker{font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;color:var(--ember);}
/* overflow-wrap обязателен: «Нестандартные» на 375px шире колонки, а body
   клипает горизонтальный вылет — без переноса слово просто обрезало бы. */
.page-title{font-size:clamp(34px,6vw,62px);font-weight:800;line-height:1.04;text-transform:uppercase;
  letter-spacing:-1.5px;margin-top:16px;max-width:16ch;overflow-wrap:break-word;}
.page-title em{font-style:normal;color:var(--ember);}
.page-lead{margin-top:20px;max-width:60ch;font-size:clamp(16px,2.2vw,18px);color:var(--ash);}

/* Заголовок блока — мелкий, разряженный, как на men-portal */
.sec-title{font-family:var(--font-display);font-size:12.5px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--ash);margin:64px 0 18px;}
.sec-title:first-child{margin-top:0;}
/* Шапка фиксированная: без этого переход по якорю (#idea с хаба) прячет
   заголовок под неё. */
[id]{scroll-margin-top:100px;}

/* Скрытие живыми данными. Без !important не работает: у .stat, .row, .chip и
   прочих задан display, а он перебивает display:none из-под [hidden]. */
[hidden]{display:none !important;}

/* ── Примитивы ───────────────────────────────────────────────────────── */
.card{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;}
.card--flush{padding:0;}
.card--accent{border-color:rgba(255,122,26,.35);
  background:linear-gradient(180deg,rgba(255,122,26,.12),transparent 70%);}

/* Врезка с оранжевой чертой — акцент на важном условии */
.note{margin-top:20px;border-left:2px solid var(--ember);padding-left:16px;font-size:14.5px;color:var(--ash);}
.note b{color:var(--paper);font-weight:600;}

/* Честная плашка «это образцы, а не живые карточки» */
.demo-banner{margin-bottom:20px;border:1px solid rgba(255,194,71,.4);background:rgba(255,194,71,.09);
  border-radius:var(--radius-lg);padding:16px 18px;font-size:14.5px;color:var(--ember-light);}

/* Партнёрская программа выключена в админке — предупреждаем до всех цифр. */
.pause-banner{margin-top:32px;border:1px solid rgba(154,156,166,.45);background:rgba(154,156,166,.1);
  border-radius:var(--radius-lg);padding:16px 18px;font-size:14.5px;color:var(--steel-light);}

.money{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ember-light);}
.money--ember{color:var(--ember);}
.muted{color:var(--ash);}
.ink{color:var(--paper);font-weight:600;}
.fine-print{margin-top:40px;max-width:70ch;font-size:12.5px;line-height:1.7;color:var(--ash);}

/* ── Главные цифры ───────────────────────────────────────────────────── */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;}
.stat{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 24px;}
.stat--accent{border-color:rgba(255,122,26,.35);
  background:linear-gradient(180deg,rgba(255,122,26,.12),transparent 72%);}
.stat-value{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:800;
  font-variant-numeric:tabular-nums;line-height:1.1;}
.stat--accent .stat-value{color:var(--paper);}
.stat:not(.stat--accent) .stat-value{color:var(--ember-light);}
.stat-label{margin-top:10px;font-size:14px;color:var(--ash);}

/* Одна крупная цифра под заголовком (страницы способов 2 и 3) */
.headline-figure{margin-top:36px;display:flex;flex-wrap:wrap;align-items:baseline;gap:18px;
  border:1px solid rgba(255,122,26,.35);border-radius:var(--radius-lg);padding:26px 28px;
  background:linear-gradient(180deg,rgba(255,122,26,.12),transparent 72%);}
.headline-figure .money{font-size:clamp(34px,6vw,48px);font-weight:800;color:var(--paper);}
.headline-figure p{max-width:52ch;font-size:14.5px;color:var(--ash);}

/* ── Карточки способов (хаб) ─────────────────────────────────────────── */
.ways-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.way{display:flex;flex-direction:column;background:var(--graphite);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:26px 24px;transition:border-color .25s,transform .25s;}
.way:hover{border-color:var(--border-hover);transform:translateY(-3px);}
.way--dashed{background:none;border-style:dashed;}
.way-emoji{width:48px;height:48px;border-radius:14px;background:rgba(255,122,26,.12);
  display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;}
.way h3{margin-top:16px;font-size:21px;text-transform:uppercase;}
.way p{margin-top:10px;flex:1;font-size:14.5px;color:var(--ash);}
.way-foot{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.way-money{font-family:var(--font-display);font-size:18px;font-variant-numeric:tabular-nums;color:var(--ember-light);}
.way--dashed .way-money{color:var(--ash);}
.way-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ember);white-space:nowrap;}
.way-more svg{width:16px;height:16px;transition:transform .2s;}
.way:hover .way-more svg{transform:translateX(2px);}

/* ── Списки-строки (линии сети, рубежи) ──────────────────────────────── */
.row{display:flex;align-items:center;gap:16px;padding:16px 18px;border-top:1px solid var(--border);}
.row:first-child{border-top:0;}
.row-mark{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  border-radius:12px;background:var(--graphite-hi);font-family:var(--font-display);font-size:15px;color:var(--ember);}
.row-body{min-width:0;flex:1;}
.row-title{font-weight:600;line-height:1.3;}
.row-sub{margin-top:4px;font-size:13.5px;color:var(--ash);}
.row-money{text-align:right;}
.row-money .money{font-size:19px;}
.row-note{font-size:12px;color:var(--ash);}

/* ── Таблицы расчётов ────────────────────────────────────────────────── */
/* Обязательно свой скролл-контейнер: иначе широкая таблица тянет всю страницу. */
.table-wrap{overflow-x:auto;background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);}
.earn-table{width:100%;border-collapse:collapse;text-align:left;}
.earn-table--wide{min-width:660px;}
.earn-table--narrow{min-width:520px;}
.earn-table th{padding:16px;font-size:11.5px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--ash);border-bottom:1px solid var(--border);white-space:nowrap;}
.earn-table td{padding:16px;border-bottom:1px solid var(--border);font-size:14px;color:var(--ash);
  font-variant-numeric:tabular-nums;}
.earn-table tr:last-child td{border-bottom:0;}
.earn-table .cell-lead{font-family:var(--font-display);font-size:19px;color:var(--paper);}
.earn-table .cell-lead small{margin-left:6px;font-family:var(--font-body);font-size:12px;color:var(--ash);}
.earn-table .cell-total{text-align:right;font-family:var(--font-display);font-size:19px;color:var(--ember-light);}
.earn-table th:last-child{text-align:right;}

/* ── Тарифы ──────────────────────────────────────────────────────────── */
.plans-box{margin-top:24px;background:var(--graphite);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:22px 24px;}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;}
.plan{background:var(--graphite-hi);border-radius:var(--radius-md);padding:16px;}
.plan-period{font-size:13.5px;color:var(--ash);}
.plan-money{margin-top:4px;font-family:var(--font-display);font-size:24px;font-variant-numeric:tabular-nums;color:var(--ember-light);}
.plan-note{font-size:12px;color:var(--ash);}

/* ── Итоговый блок ───────────────────────────────────────────────────── */
.total-box{margin-top:24px;border:1px solid rgba(255,122,26,.35);border-radius:var(--radius-lg);
  padding:28px;background:linear-gradient(180deg,rgba(255,122,26,.12),transparent 72%);}
.total-kicker{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--ember);}
.total-value{margin-top:16px;font-family:var(--font-display);font-size:clamp(40px,8vw,62px);font-weight:800;
  line-height:1;font-variant-numeric:tabular-nums;}
.total-box p{margin-top:16px;max-width:62ch;font-size:15.5px;color:var(--ash);}
.total-box p + p{margin-top:12px;font-size:14px;}

/* ── Две колонки ─────────────────────────────────────────────────────── */
.two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start;}
.two-col--wide-left{grid-template-columns:1.15fr 1fr;}
.two-col > p{font-size:15.5px;color:var(--ash);}
.big-figure{margin-top:24px;font-family:var(--font-display);font-size:clamp(30px,5vw,38px);font-weight:800;
  font-variant-numeric:tabular-nums;color:var(--ember);}
.big-figure + p{margin-top:8px;font-size:14px;color:var(--ash);}

/* ── Схемы (SVG) ─────────────────────────────────────────────────────── */
.scheme{border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;
  background:radial-gradient(70% 60% at 35% 0%,rgba(255,122,26,.12),transparent 70%);}
.scheme svg{width:100%;height:auto;display:block;}

/* ── Шаги «как это работает» ─────────────────────────────────────────── */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.step{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;}
.step-num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;
  background:rgba(255,122,26,.12);font-family:var(--font-display);font-size:15px;color:var(--ember);}
.step h3{margin-top:14px;font-size:16px;text-transform:none;letter-spacing:-.2px;}
.step p{margin-top:8px;font-size:13.5px;color:var(--ash);}

/* ── Ступени (эксперты) ──────────────────────────────────────────────── */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.tier{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;
  display:flex;flex-direction:column;}
.tier-kicker{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--ember);}
.tier h3{margin-top:12px;font-size:17px;text-transform:uppercase;line-height:1.25;}
.tier p{margin-top:10px;flex:1;font-size:14px;color:var(--ash);}
.tier-tag{margin-top:18px;font-family:var(--font-mono);font-size:12.5px;color:var(--ember-light);
  border-top:1px solid var(--border);padding-top:14px;}

/* ── Пары «платим / не платим», «проверяем / нельзя» ─────────────────── */
.pair{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.pair-card{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;}
.pair-card h3{font-size:15px;text-transform:uppercase;letter-spacing:.5px;}
.pair-card p{margin-top:12px;font-size:14.5px;color:var(--ash);white-space:pre-line;}
/* Смысл различия несут заголовки; палитра лендинга одноцветная, зелёный и
   красный с men-portal сюда не переносим. */
.pair-card--yes{border-color:rgba(255,122,26,.35);}
.pair-card--yes h3{color:var(--ember-light);}
.pair-card--no h3{color:var(--steel);}

/* ── Аргументы / короткие блоки ──────────────────────────────────────── */
.qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.qa{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;}
.qa h3{font-family:var(--font-body);font-size:15.5px;font-weight:700;letter-spacing:0;}
.qa p{margin-top:10px;font-size:14px;color:var(--ash);}

/* ── Списки правил ───────────────────────────────────────────────────── */
.rules-list li{position:relative;padding-left:18px;font-size:14.5px;color:var(--ash);}
.rules-list li + li{margin-top:12px;}
.rules-list li::before{content:"•";position:absolute;left:0;color:var(--ember);}
.rules-list b{color:var(--paper);font-weight:600;}

/* ── Поручения ───────────────────────────────────────────────────────── */
.quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.quest{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;
  display:flex;flex-direction:column;transition:border-color .25s,transform .25s;}
.quest:hover{border-color:var(--border-hover);transform:translateY(-3px);}
/* Настоящих фотографий у заданий нет — обложку рисуем градиентом с эмодзи.
   Градиент у каждого задания свой и стабильный (перенесён из _cover.tsx). */
.quest-cover{height:136px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;
  font-size:44px;line-height:1;}
.quest-cover--hero{height:224px;font-size:72px;}
.quest h3{margin-top:14px;font-size:16px;text-transform:uppercase;line-height:1.25;}
.quest-money{margin-top:8px;font-family:var(--font-display);font-size:20px;font-variant-numeric:tabular-nums;color:var(--ember-light);}
.quest p{margin-top:10px;flex:1;font-size:13.5px;color:var(--ash);}
.quest-foot{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--border);padding-top:14px;font-size:12.5px;color:var(--ash);}

.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ash);transition:color .2s;}
.back-link:hover{color:var(--paper);}
.back-link svg{width:16px;height:16px;}

.quest-head{margin-top:26px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px;}
.quest-head h1{font-size:clamp(28px,5vw,48px);font-weight:800;text-transform:uppercase;line-height:1.05;letter-spacing:-1px;}
.quest-head > div:first-child{min-width:0;flex:1 1 320px;}
.quest-head p{margin-top:14px;max-width:60ch;font-size:15.5px;color:var(--ash);}
.quest-price{border:1px solid rgba(255,122,26,.35);border-radius:var(--radius-lg);padding:16px 24px;text-align:center;
  background:linear-gradient(180deg,rgba(255,122,26,.12),transparent 72%);}
.quest-price .money{font-size:34px;font-weight:800;color:var(--paper);}
.quest-price span{display:block;margin-top:4px;font-size:12px;color:var(--ash);}

.chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--graphite-hi);
  border-radius:12px;padding:8px 16px;font-size:13.5px;color:var(--ash);}
.chip b{color:var(--paper);font-weight:600;}

.prose{font-size:15.5px;color:var(--ash);white-space:pre-line;}

/* ── CTA-блок ────────────────────────────────────────────────────────── */
.cta-block{margin-top:48px;}
.cta-block p{margin-top:14px;max-width:60ch;font-size:14px;color:var(--ash);}
.cta-box{margin-top:32px;background:var(--graphite);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:28px;}
.cta-box h2{font-size:22px;text-transform:uppercase;}
.cta-box p{margin-top:12px;max-width:62ch;font-size:14.5px;color:var(--ash);}
.cta-box .btn{margin-top:22px;}
.cta-sub{margin-top:12px;font-size:14px;color:var(--ash);}
.cta-sub a{color:var(--ember);}

/* ── Каталог экспертов (/team) ───────────────────────────────────────── */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.team-card{display:flex;flex-direction:column;overflow:hidden;background:var(--graphite);
  border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .25s,transform .25s;}
.team-card:hover{border-color:var(--border-hover);transform:translateY(-4px);}
/* Фото — главное в карточке: к человеку идут за человеком. */
.team-photo{position:relative;aspect-ratio:4/5;background:var(--graphite-hi);overflow:hidden;}
.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
/* Фото не отдалось (или его нет) — инициалы вместо битой картинки. */
.photo-initials{display:flex;width:100%;height:100%;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:44px;color:var(--ash);}
.team-card:hover .team-photo img{transform:scale(1.03);}
.team-role{position:absolute;left:12px;bottom:12px;border-radius:var(--radius-sm);padding:5px 10px;
  background:rgba(10,10,13,.8);backdrop-filter:blur(6px);font-size:12px;font-weight:600;}
.team-body{display:flex;flex:1;flex-direction:column;padding:20px;}
.team-name{font-family:var(--font-display);font-size:21px;font-weight:700;text-transform:uppercase;line-height:1.15;}
.team-body .way-more{margin-top:16px;}

/* ── Карточка эксперта (/team/<slug>) ────────────────────────────────── */
.profile-head{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start;margin-top:26px;}
.profile-photo{aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;background:var(--graphite-hi);}
.profile-photo img{width:100%;height:100%;object-fit:cover;}
.profile-role{font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;color:var(--ember);}
.profile-name{margin-top:12px;font-size:clamp(30px,5vw,50px);font-weight:800;text-transform:uppercase;
  line-height:1.05;letter-spacing:-1px;overflow-wrap:break-word;}
.profile-tagline{margin-top:16px;max-width:56ch;font-size:16px;color:var(--ash);}
.profile-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;}
.profile-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);
  background:var(--graphite-hi);border-radius:999px;padding:9px 18px;font-size:14px;transition:border-color .2s;}
.profile-links a:hover{border-color:var(--border-hover);}

/* ── Перечисления с номером (факты, ступени оффера) ──────────────────── */
.num-mark{font-family:var(--font-mono);font-size:13px;color:var(--ember);}

/* ── Что эксперт получает кроме денег ────────────────────────────────── */
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.perk{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;}
.perk-emoji{width:44px;height:44px;border-radius:12px;background:rgba(255,122,26,.12);
  display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;}
.perk h3{margin-top:14px;font-size:16px;text-transform:none;letter-spacing:-.2px;}
.perk p{margin-top:8px;font-size:13.5px;color:var(--ash);}

/* ── Footer ──────────────────────────────────────────────────────────── */
footer{border-top:1px solid var(--border);padding:60px 0 30px;position:relative;z-index:1;}
.footer-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:44px;}
.footer-brand{max-width:280px;}
.footer-brand p{color:var(--ash);font-size:13.5px;margin-top:14px;line-height:1.6;}
.footer-links h4{font-family:var(--font-mono);font-size:12px;color:var(--ash);text-transform:uppercase;
  letter-spacing:1px;margin-bottom:16px;}
.footer-links a{display:block;font-size:14px;color:var(--ash);margin-bottom:11px;transition:color .2s;}
.footer-links a:hover{color:var(--paper);}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:26px;
  border-top:1px solid var(--border);font-family:var(--font-mono);font-size:12.5px;color:var(--ash);}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media(max-width:980px){
  .stats-row{grid-template-columns:1fr;}
  .two-col,.two-col--wide-left{grid-template-columns:1fr;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .tiers{grid-template-columns:1fr;}
  .quest-grid{grid-template-columns:repeat(2,1fr);}
  .plans-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .perks{grid-template-columns:repeat(2,1fr);}
  .profile-head{grid-template-columns:220px 1fr;gap:22px;}
}
@media(max-width:760px){
  .nav-links{display:none;}
  .nav-cta{display:none;}
  .burger{display:flex;}
  .footer-grid{flex-direction:column;gap:30px;}
  .ways-grid{grid-template-columns:1fr;}
  .pair{grid-template-columns:1fr;}
  .qa-grid{grid-template-columns:1fr;}
  .quest-grid{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .page-head{padding-top:40px;}
  /* 34px хватало не всем заголовкам: самое длинное слово раздела
     («Нестандартные») при нём шире колонки на 375px. */
  .page-title{font-size:clamp(26px,7.4vw,40px);max-width:none;}
  .quest-head h1{font-size:clamp(24px,7vw,40px);}
  .profile-name{font-size:clamp(26px,7.4vw,40px);}
  .sec-title{margin-top:48px;}
  .team-grid{grid-template-columns:1fr;}
  .perks{grid-template-columns:1fr;}
  /* Фото над текстом: в две колонки на телефоне не читается ни то, ни другое. */
  .profile-head{grid-template-columns:1fr;}
  .profile-photo{max-width:260px;}
  .earn-table th,.earn-table td{padding:13px;}
}