/* ====== Глобальные токены и базовые стили ====== */
:root{
  --mint:#90E3C2; --lilac:#B9B4FF; --peach:#FFCCB3;
  --ink:#0E1116; --muted:#666B74; --surface:#EEF1F5;
}
html,body{background:var(--surface);color:var(--ink);}
*{box-sizing:border-box}

.container{max-width:1200px;margin:0 auto;padding:0 16px}
.section{position:relative;padding:80px 0}
.h1{font-weight:700;font-size:40px;line-height:1.15}
.h2{font-weight:700;font-size:32px;line-height:1.2;text-align:center}
.p{color:var(--muted)}

/* Неоморфизм */
.neu{background:var(--surface);box-shadow:12px 12px 26px rgba(0,0,0,.10),-12px -12px 26px rgba(255,255,255,.75);border-radius:24px}
.neu-inset{background:rgba(255,255,255,.8);box-shadow:inset 4px 4px 8px rgba(0,0,0,.08),inset -4px -4px 8px rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.6);border-radius:20px}

/* Стекло */
.glass{background:rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 30px rgba(0,0,0,.08)}

/* Градиентные «сияния» */
.glow{
  position:absolute;inset:0;pointer-events:none;filter:blur(48px);opacity:.7;
  background:
    radial-gradient(40% 40% at 20% 20%, rgba(144,227,194,.2) 0%, transparent 70%),
    radial-gradient(35% 35% at 80% 30%, rgba(185,180,255,.22) 0%, transparent 70%),
    radial-gradient(30% 30% at 50% 85%, rgba(255,204,179,.22) 0%, transparent 70%);
}

/* Кнопки */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;font-weight:600;text-decoration:none}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.btn-ghost{background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.06);color:var(--ink)}

/* Сетки */
.grid-2{display:grid;grid-template-columns:1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:980px){.grid-2{grid-template-columns:1.1fr .9fr}.grid-3{grid-template-columns:repeat(3,1fr)}}

/* Заголовок‑делитель */
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}

/* Иконки‑SVG в линию */
.icon{width:18px;height:18px;display:inline-block;vertical-align:-3px}

/* Рукописный X */
.handx{width:18px;height:18px;display:inline-block}
.handx svg path{stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}

/* Мобильные отступы */
@media(max-width:979px){.section{padding:64px 0}.h1{font-size:32px}.h2{font-size:28px}}

/* --- Фон страницы с мягкими пастельными бликами --- */
body::before{
  content:""; position:fixed; inset:-20% -10% auto -10%; height:120vh; z-index:-1;
  background:
    radial-gradient(38% 36% at 85% 20%, rgba(185,180,255,.25) 0%, transparent 70%),
    radial-gradient(42% 40% at 20% 25%, rgba(144,227,194,.28) 0%, transparent 72%),
    radial-gradient(34% 30% at 50% 90%, rgba(173,196,255,.18) 0%, transparent 72%);
  filter: blur(8px);
}

/* --- Усиленное стекло (как на референсе) --- */
.glass-strong{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.45);
  backdrop-filter: blur(22px) saturate(130%);
  -webkit-backdrop-filter: blur(22px) saturate(130%);
  box-shadow: 0 20px 60px rgba(22,28,45,.18);
  border-radius: 26px;
  position: relative;
}
.glass-strong::after{ /* мягкая кайма-свечение */
  content:""; position:absolute; inset:-1px; border-radius: inherit; pointer-events:none;
  background: linear-gradient(140deg, rgba(255,255,255,.35), rgba(255,255,255,0) 40%);
  mix-blend-mode: screen; opacity:.7;
}

/* --- Внутренний контейнер «панели» (эффект глубины) --- */
.panel-inner{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 12px 40px rgba(17,24,39,.12);
}

/* --- Чипы и строки чек-листа (неоморфная стеклянность) --- */
.chip{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 18px;
  box-shadow:
    inset 4px 4px 10px rgba(0,0,0,.06),
    inset -4px -4px 10px rgba(255,255,255,.85);
}
.row-neo{
  display:grid; grid-template-columns: 1fr 48px; gap:10px;
  padding: 12px 14px; border-radius: 20px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.8);
  box-shadow:
    0 10px 24px rgba(17,24,39,.08),
    inset 5px 5px 12px rgba(0,0,0,.06),
    inset -5px -5px 14px rgba(255,255,255,.9);
}

/* --- Кнопка-переключатель c «рукописным Х» --- */
.toggle{
  display:grid; place-items:center; height:40px; border-radius:14px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(255,255,255,.75);
  box-shadow: inset 4px 4px 10px rgba(0,0,0,.06), inset -4px -4px 10px rgba(255,255,255,.85);
  transition: transform .12s ease;
}
.toggle:active{ transform: scale(.98); }

.handx{ width:18px; height:18px; color:#263142; opacity:.8; display:inline-block }
.handx svg{ fill:none; stroke:currentColor; stroke-width:7; stroke-linecap:round; stroke-linejoin:round }

/* --- Заголовок/дата справа --- */
.meta-big{ font-weight:700; font-size:26px; letter-spacing:.2px; color:#0f172a; }
.meta-small{ color:#64748b; font-size:14px; }

/* --- Кнопки в hero (пилюли) --- */
.btn-pill{ border-radius:999px; padding:12px 18px; font-weight:600 }
.btn-dark{ background:#0e1116; color:#fff; box-shadow:0 10px 24px rgba(15,23,42,.18) }
.btn-ghost{ background:rgba(255,255,255,.55); border:1px solid rgba(0,0,0,.06); color:#0e1116 }

/* FIX header: делаем fixed + ширину на всю */
.xe-header{position:fixed; top:0; left:0; right:0; z-index:1000;}
.xe-header-inner{
  max-width:1200px; margin:10px auto; height:64px; padding:0 16px;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.45);
  backdrop-filter:blur(18px) saturate(130%); -webkit-backdrop-filter:blur(18px) saturate(130%);
  border-radius:16px; box-shadow:0 12px 30px rgba(17,24,39,.14);
}
/* логотип и «Х» */
.xe-logo{display:flex; align-items:center; gap:10px; text-decoration:none;}
.xe-logo-badge{width:36px; height:36px; border-radius:12px; display:grid; place-items:center;
  background:#EEF1F5; box-shadow:12px 12px 26px rgba(0,0,0,.10), -12px -12px 26px rgba(255,255,255,.75);}
.handx svg{fill:none; stroke:#0E1116; stroke-width:7; stroke-linecap:round; stroke-linejoin:round}
/* цвета ссылок меню (перебиваем «оранжевый» в теме Tilda) */
.xe-nav a{color:#0E1116 !important; opacity:.75; text-decoration:none; padding:8px 10px; border-radius:10px; font-weight:500;}
.xe-nav a:hover{opacity:1; background:rgba(0,0,0,.06);}
.xe-cta{background:#0E1116; color:#fff !important; border-radius:999px; padding:10px 14px; font-weight:600; box-shadow:0 8px 20px rgba(0,0,0,.12)}
/* mobile */
@media (max-width:979px){ .xe-nav{display:none} .xe-burger{display:inline-flex} }
@media (min-width:980px){ .xe-nav{display:flex; gap:18px; align-items:center} .xe-burger{display:none} }
/* чтобы контент не «залезал» под фикс-шапку */
body{scroll-padding-top:84px;}
.t-body, body .t-page{padding-top:84px;}