/* ============================================================
   besplatnye-efiry.css - хаб бесплатных эфиров МАБК
   Наследует токены style.css. Зелёный --live = «бесплатно».
   Без emoji, без длинных тире.
   ============================================================ */

.fe-hero{ position:relative; overflow:hidden; padding:clamp(108px,12vh,140px) 0 0; }
.fe-hero::before{ content:""; position:absolute; inset:-22% -10% auto -10%; height:130%; z-index:0; pointer-events:none;
  background:
    radial-gradient(40% 50% at 78% 28%, rgba(63,174,143,.22), transparent 70%),
    radial-gradient(32% 40% at 12% 18%, rgba(45,127,249,.14), transparent 72%),
    radial-gradient(28% 36% at 88% 70%, rgba(45,127,249,.10), transparent 70%);
  animation:fe-drift 18s ease-in-out infinite alternate; }
@keyframes fe-drift{ to{ transform:translate3d(0,-14px,0) scale(1.04); } }
.fe-hero .wrap{ position:relative; z-index:2; }

.fe-hero__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.92fr);
  gap:clamp(18px,3vw,40px); align-items:center; }
.fe-hero__title{ font-family:var(--font-display); font-weight:800; letter-spacing:-.02em;
  font-size:clamp(2.15rem,1.15rem + 3.8vw,3.7rem); line-height:1.02; margin:16px 0 0; color:var(--text); }
.fe-hero__title .c-free{
  background:linear-gradient(96deg,#2e8f73,#3fae8f);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.fe-hero__lead{ color:var(--text-2); font-size:clamp(1.02rem,.96rem + .45vw,1.2rem);
  max-width:540px; margin:16px 0 0; line-height:1.56; }
.fe-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.fe-chip{ display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border-radius:var(--pill);
  box-shadow:var(--nm-sm); background:var(--bg); font-weight:600; font-size:.86rem; color:var(--text); }
.fe-chip svg{ flex:none; color:var(--live); }
.fe-hero__acts{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:28px; }

.fe-stage{ position:relative; display:grid; justify-items:center; align-content:start; }
.fe-bloom{ position:relative; width:min(100%,380px); aspect-ratio:1; margin:0 auto -72px; pointer-events:none; }
.fe-bloom__floor{ position:absolute; left:18%; right:18%; bottom:6%; height:18%; border-radius:50%;
  background:radial-gradient(ellipse, rgba(46,143,115,.22), transparent 70%);
  filter:blur(10px); animation:fe-floor 5.6s ease-in-out infinite; }
@keyframes fe-floor{ 50%{ transform:scaleX(1.08); opacity:.7; } }
.fe-bloom__mist{ position:absolute; inset:8%; border-radius:50%;
  background:radial-gradient(circle at 50% 42%, rgba(255,255,255,.55), rgba(63,174,143,.10) 42%, transparent 70%);
  filter:blur(12px); animation:fe-mist 8s ease-in-out infinite alternate; }
@keyframes fe-mist{ to{ transform:scale(1.06) translateY(-6px); } }
.fe-bloom__halo{ position:absolute; inset:10%; border-radius:50%;
  background:conic-gradient(from 180deg, rgba(63,174,143,.0), rgba(63,174,143,.28), rgba(45,127,249,.10), rgba(255,255,255,.35), rgba(63,174,143,.0));
  filter:blur(8px); mix-blend-mode:multiply; animation:fe-halo 16s linear infinite; }
@keyframes fe-halo{ to{ transform:rotate(360deg); } }
.fe-bloom__petal{ position:absolute; top:50%; left:50%; width:34%; height:46%; margin:-40% 0 0 -17%;
  border-radius:70% 70% 48% 48%;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(186,224,214,.22) 46%, rgba(63,174,143,.18)),
    radial-gradient(120% 80% at 50% 18%, rgba(255,255,255,.9), transparent 56%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 18px 28px rgba(120,150,170,.18);
  transform-origin:50% 86%;
  transform:rotate(calc(var(--i) * 72deg)) translateY(-8%) scale(.72);
  animation:fe-open 2.4s var(--e-out) both, fe-breathe 6.4s ease-in-out calc(var(--i) * .18s + 2.2s) infinite;
  animation-delay:calc(var(--i) * .12s), calc(var(--i) * .18s + 2.2s); }
@keyframes fe-open{ from{ transform:rotate(calc(var(--i) * 72deg)) translateY(18%) scale(.2); opacity:0; }
  to{ transform:rotate(calc(var(--i) * 72deg)) translateY(-8%) scale(.72); opacity:1; } }
@keyframes fe-breathe{ 50%{ transform:rotate(calc(var(--i) * 72deg)) translateY(-12%) scale(.78); } }
.fe-bloom__void{ position:absolute; inset:36%; border-radius:50%; z-index:2;
  background:radial-gradient(circle at 42% 36%, #f7f9fc, #e8ecf2 62%, #d7deea);
  box-shadow:inset 6px 8px 16px rgba(160,172,190,.28), inset -6px -8px 16px rgba(255,255,255,.85),
    0 0 0 10px rgba(232,236,242,.55); animation:fe-void 5.2s ease-in-out infinite; }
@keyframes fe-void{ 50%{ transform:scale(.94); } }
.fe-bloom__spark{ position:absolute; width:8px; height:8px; border-radius:50%; z-index:3;
  background:radial-gradient(circle, #fff, rgba(63,174,143,.2)); box-shadow:0 0 12px rgba(63,174,143,.45); }
.fe-bloom__spark--a{ top:18%; left:62%; animation:fe-spark 3.8s ease-in-out infinite; }
.fe-bloom__spark--b{ top:58%; left:18%; animation:fe-spark 4.6s ease-in-out .6s infinite; }
.fe-bloom__spark--c{ top:72%; left:70%; animation:fe-spark 5.2s ease-in-out 1.1s infinite; }
@keyframes fe-spark{ 0%,100%{ opacity:.15; transform:scale(.6); } 50%{ opacity:1; transform:scale(1); } }

.fe-next{ position:relative; z-index:5; width:min(100%,360px);
  display:flex; flex-direction:column; gap:6px; padding:16px 18px 14px;
  border-radius:22px; text-decoration:none; color:var(--text);
  background:var(--bg); box-shadow:var(--nm-float); }
@keyframes fe-card-in{ to{ transform:none; } }
.fe-next__live{ display:inline-flex; align-items:center; gap:7px; font-weight:700;
  font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:#2e8f73; }
.fe-next__live i{ width:7px; height:7px; border-radius:50%; background:var(--live);
  box-shadow:0 0 0 0 rgba(52,199,89,.45); animation:fe-pulse 2.4s ease-out infinite; }
.fe-next strong{ font-family:var(--font-display); font-weight:800; font-size:1.05rem;
  letter-spacing:-.02em; line-height:1.2; }
.fe-next__when{ color:var(--text-2); font-size:.86rem; }
.fe-next em{ font-style:normal; font-weight:700; font-size:.86rem; color:var(--accent-ink); }
.fe-next:hover em{ text-decoration:underline; text-underline-offset:3px; }

@media (max-width:880px){
  .fe-hero__grid{ grid-template-columns:1fr; }
  .fe-stage{ order:-1; max-width:400px; margin:0 auto 8px; }
  .fe-bloom{ margin-bottom:-56px; }
}

.fe-rail{ position:relative; z-index:4; padding:8px 0 10px; }
.fe-rail__row{ display:flex; justify-content:center; flex-wrap:wrap; gap:4px 32px;
  margin-top:18px; padding:18px 0 4px; border-top:1px solid rgba(120,134,160,.14); }
.fe-rail a{ display:inline-flex; align-items:baseline; gap:8px; padding:6px 0;
  color:var(--text-2); font-weight:500; font-size:.94rem; letter-spacing:-.01em;
  text-decoration:none; white-space:nowrap; background:none; box-shadow:none;
  transition:color .25s; }
.fe-rail a span{ font-family:var(--font-display); font-weight:600; font-size:.68rem;
  letter-spacing:.12em; color:var(--text-3); }
.fe-rail a:hover{ color:var(--text); }
.fe-rail a:hover span{ color:#2e8f73; }

.fe-sec{ padding:clamp(18px,3vh,36px) 0 clamp(46px,7vh,88px); }
.fe-head{ text-align:center; max-width:680px; margin:0 auto 28px; }
.fe-head h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(1.7rem,1.15rem + 2.2vw,2.7rem);
  letter-spacing:-.02em; margin:0 0 10px; color:var(--text); }
.fe-head p{ color:var(--text-2); margin:0; line-height:1.55; }

.fe-chapter{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.9fr);
  scroll-margin-top:120px;
  gap:clamp(22px,3.4vw,48px); align-items:stretch;
  padding:clamp(22px,2.8vw,36px); border-radius:var(--r-xl); background:var(--bg); box-shadow:var(--nm);
  margin-bottom:clamp(22px,3.2vw,36px); }
.fe-chapter--flip{ grid-template-columns:minmax(320px,.9fr) minmax(0,1.05fr); }
.fe-chapter--flip .fe-chapter__form{ order:-1; }
.fe-chapter__media{ position:relative; border-radius:var(--r-md); overflow:hidden; box-shadow:var(--nm-inset-sm);
  background:var(--raised); min-height:220px; }
.fe-chapter__media img{ display:block; width:100%; height:100%; object-fit:cover; min-height:240px; }
.fe-chapter__no{ position:absolute; top:16px; left:16px; z-index:2;
  font-family:var(--font-display); font-weight:800; font-size:2rem; letter-spacing:-.04em; color:#fff;
  text-shadow:0 8px 18px rgba(20,40,70,.35); }
.fe-kicker{ display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.74rem;
  letter-spacing:.08em; text-transform:uppercase; color:var(--live); }
.fe-kicker i{ width:8px; height:8px; border-radius:50%; background:var(--live); box-shadow:0 0 0 0 rgba(52,199,89,.45);
  animation:fe-pulse 2.4s ease-out infinite; }
@keyframes fe-pulse{ 70%{ box-shadow:0 0 0 8px rgba(52,199,89,0); } }
.fe-chapter h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(1.35rem,1.05rem + 1.4vw,2rem);
  letter-spacing:-.02em; line-height:1.12; margin:10px 0 0; color:var(--text); }
.fe-chapter__sub{ color:var(--accent-ink); font-weight:700; margin:10px 0 0; }
.fe-chapter__lead{ color:var(--text-2); margin:12px 0 0; line-height:1.58; }
.fe-meta{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.fe-meta span{ display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-radius:var(--pill);
  box-shadow:var(--nm-inset-sm); font-size:.82rem; font-weight:600; color:var(--text); }
.fe-meta svg{ color:var(--accent-ink); }
.fe-list{ list-style:none; margin:16px 0 0; padding:0; display:grid; gap:9px; }
.fe-list li{ display:flex; gap:10px; color:var(--text); font-size:.94rem; line-height:1.4; }
.fe-list svg{ flex:none; margin-top:2px; color:var(--live); }

.fe-form{ position:relative; padding:clamp(18px,2vw,24px); border-radius:var(--r-md); background:var(--raised);
  box-shadow:var(--nm-sm); display:flex; flex-direction:column; }
.fe-form h3{ font-family:var(--font-display); font-weight:800; font-size:1.18rem; margin:0 0 4px; color:var(--text); }
.fe-form p{ color:var(--text-2); font-size:.9rem; margin:0 0 14px; line-height:1.45; }
.fe-form .field{ margin-bottom:12px; }
.fe-form .btn{ margin-top:4px; }
.fe-form__ok{ position:absolute; inset:0; border-radius:inherit; background:var(--raised);
  display:none; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:24px; }
.fe-form__ok.show{ display:flex; }
.fe-form__ok svg{ color:var(--live); }
.fe-form__ok b{ font-family:var(--font-display); font-size:1.2rem; color:var(--text); }
.fe-form__ok span{ color:var(--text-2); font-size:.92rem; }
.fe-form__err{ color:#c0392b; font-weight:600; font-size:13px; text-align:center; margin:6px 0 0; }

@media (max-width:860px){
  .fe-chapter, .fe-chapter--flip{ grid-template-columns:1fr; }
  .fe-chapter--flip .fe-chapter__form{ order:0; }
}

.fe-why{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,2vw,22px); }
.fe-why article{ padding:clamp(20px,2.2vw,28px); border-radius:var(--r-md); background:var(--bg); box-shadow:var(--nm-sm); }
.fe-why h3{ font-family:var(--font-display); font-weight:700; font-size:1.04rem; margin:12px 0 6px; }
.fe-why p{ color:var(--text-2); font-size:.92rem; line-height:1.5; margin:0; }
.fe-why__ic{ width:48px; height:48px; border-radius:15px; display:grid; place-items:center; color:#fff;
  background:linear-gradient(160deg,#3fae8f,#2e8f73); box-shadow:0 8px 18px rgba(46,143,115,.28); }
@media (max-width:760px){ .fe-why{ grid-template-columns:1fr; } }

.fe-final{ position:relative; overflow:hidden; padding:clamp(40px,5vw,68px) clamp(22px,4vw,64px);
  border-radius:var(--r-xl); box-shadow:var(--nm-float); background:var(--bg); text-align:center; }
.fe-final::before{ content:""; position:absolute; top:-42%; left:50%; width:78%; height:130%; transform:translateX(-50%);
  border-radius:50%; background:radial-gradient(closest-side, rgba(63,174,143,.16), transparent 70%); filter:blur(22px); }
.fe-final__inner{ position:relative; z-index:1; }
.fe-final h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(1.6rem,1.15rem + 2.2vw,2.5rem);
  line-height:1.08; margin:0 0 12px; }
.fe-final p{ color:var(--text-2); max-width:560px; margin:0 auto 24px; line-height:1.55; }
.fe-final__acts{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; align-items:center; }

[data-reveal]{ opacity:0; transform:translateY(24px); transition:opacity .7s var(--e-out), transform .7s var(--e-out); }
[data-reveal].is-in{ opacity:1; transform:none; }
[data-reveal][data-d="1"]{ transition-delay:.08s; }
[data-reveal][data-d="2"]{ transition-delay:.16s; }
@media (prefers-reduced-motion:reduce){
  .fe-hero::before, .fe-kicker i, .fe-next__live i,
  .fe-bloom__floor, .fe-bloom__mist, .fe-bloom__halo, .fe-bloom__petal, .fe-bloom__void, .fe-bloom__spark{ animation:none !important; }
  .fe-bloom__petal{ transform:rotate(calc(var(--i) * 72deg)) translateY(-8%) scale(.72); opacity:1; }
  [data-reveal]{ opacity:1; transform:none; transition:none; }
}