/* atom890.buzz — архетип FOLD (сложенная бумага с фальцами), namespace fld- */

:root{
  --bg:#0B0D16;          /* фон страницы: почти чёрный с синим подтоном */
  --bg-deep:#070911;     /* подвал, глубокие подложки */
  --surface:#141726;     /* панели, карточки, боковая колонка */
  --surface-2:#1B1F30;   /* вложенные блоки, вторичная кнопка, строки таблиц */
  --line:#262B40;        /* границы */
  --pink:#FF2D8E;        /* фирменная фуксия — главный акцент и CTA */
  --pink-light:#FF5FA2;  /* верх градиента кнопки */
  --pink-deep:#D81B77;   /* низ градиента, тени */
  --cyan:#3FE0F0;        /* фирменный циан — вторая половина логотипа, подсветка */
  --cyan-deep:#22B8D6;
  --violet:#7B5CFF;      /* промо-блоки, третий акцент */
  --text:#FFFFFF;
  --muted:#9AA0B5;       /* подписи, второстепенный текст */
  --muted-2:#6B7189;     /* мелочь, футер */
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Literata",Georgia,serif;
  font-size:17px;
  line-height:1.72;
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}

/* лист бумаги: едва заметные фальцы по вертикали */
.fld-sheet{
  background-image:repeating-linear-gradient(
    90deg,
    rgba(255,255,255,.018) 0px,
    rgba(255,255,255,.018) 1px,
    rgba(0,0,0,0) 1px,
    rgba(0,0,0,0) 132px
  );
}

h1,h2,h3,.fld-num,.fld-logo,.fld-btn,.fld-kpi__val{
  font-family:"Geologica","Trebuchet MS",sans-serif;
  font-weight:600;
  letter-spacing:-.01em;
}

h1{font-size:clamp(28px,4.4vw,44px);line-height:1.15;margin:0 0 14px}
h2{font-size:clamp(22px,3vw,30px);line-height:1.22;margin:0 0 10px}
h3{font-size:clamp(17px,2.1vw,21px);line-height:1.3;margin:22px 0 6px;color:var(--cyan)}
p{margin:0 0 14px}
a{color:var(--cyan)}
a:hover{color:var(--pink-light)}

.fld-wrap{max-width:1120px;margin:0 auto;padding:0 24px}

.fld-accent{color:var(--pink-light)}
.fld-em{color:var(--cyan);font-style:normal}
.fld-mark{
  color:var(--text);
  background:linear-gradient(180deg,rgba(255,45,142,0) 62%,rgba(255,45,142,.34) 62%);
  padding:0 2px;
}
.fld-mono{font-family:"Geologica","Trebuchet MS",sans-serif;font-variant-numeric:tabular-nums}
.fld-muted{color:var(--muted)}

/* ================= ШАПКА: сетка 12 колонок (лого 3 / навигация 5 / кнопки 4) ============= */

.fld-head{
  position:sticky;top:0;z-index:60;
  background:var(--surface);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 26px rgba(7,9,17,.55);
}
.fld-head::after{
  content:"";display:block;height:3px;
  background:linear-gradient(90deg,#3FE0F0,#FF2D8E);
  opacity:.9;
}
.fld-head__grid{
  max-width:1120px;margin:0 auto;padding:12px 24px;
  display:grid;grid-template-columns:repeat(12,1fr);
  align-items:center;gap:14px;
}
.fld-head__brand{grid-column:span 3;display:flex;align-items:center;gap:10px;min-width:0}
.fld-head__nav{grid-column:span 5;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
.fld-head__act{grid-column:span 4;display:flex;gap:10px;justify-content:flex-end}

.fld-logo{
  font-size:22px;font-weight:700;letter-spacing:.02em;text-decoration:none;
  background:linear-gradient(90deg,#3FE0F0,#FF2D8E);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  white-space:nowrap;
}
.fld-logo__sub{display:block;font-size:10px;line-height:1;color:var(--muted-2);letter-spacing:.14em;text-transform:uppercase;font-family:"Geologica",sans-serif}
.fld-logo__mark{flex:0 0 auto}

.fld-head__nav a{
  color:var(--muted);text-decoration:none;font-size:14px;
  font-family:"Geologica","Trebuchet MS",sans-serif;
  padding:4px 0;border-bottom:1px solid transparent;
}
.fld-head__nav a:hover{color:var(--text);border-bottom-color:var(--pink)}

.fld-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 20px;border-radius:8px;text-decoration:none;
  font-size:15px;font-weight:600;white-space:nowrap;border:0;cursor:pointer;
}
.fld-btn--main{
  background:linear-gradient(180deg,#FF5FA2 0%,#FF2D8E 100%);
  color:#FFFFFF;box-shadow:0 8px 20px rgba(216,27,119,.38);
}
.fld-btn--main:hover{color:#FFFFFF;filter:brightness(1.07)}
.fld-btn--ghost{background:var(--surface-2);color:#FFFFFF;border:1px solid var(--line)}
.fld-btn--ghost:hover{color:#FFFFFF;border-color:var(--cyan-deep)}
.fld-btn--wide{padding:15px 34px;font-size:17px}

/* ================= ФАЛЬЦЫ — разделители секций ============= */

.fld-crease{
  height:26px;margin:0;
  background:
    linear-gradient(90deg,rgba(63,224,240,.5),rgba(255,45,142,.5)) center/100% 1px no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.35));
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 46px,transparent 46px 62px);
  mask-image:repeating-linear-gradient(90deg,#000 0 46px,transparent 46px 62px);
  opacity:.75;
}

.fld-sec{padding:40px 0 10px;position:relative}
.fld-sec__tag{
  display:inline-block;font-family:"Geologica",sans-serif;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-deep);
  margin-bottom:8px;
}

/* панель-разворот: два «крыла» со светом и тенью от сгиба */
.fld-panel{
  background:
    linear-gradient(100deg,var(--surface) 0%,var(--surface) 48%,rgba(0,0,0,.30) 49.6%,var(--surface-2) 51%,var(--surface-2) 100%);
  border:1px solid var(--line);
  border-radius:4px 14px 4px 14px;
  padding:24px 26px;
}
.fld-panel--flat{background:var(--surface);}

/* ================= ПЕРВЫЙ ЭКРАН ============= */

.fld-hero{padding:44px 0 8px}
.fld-hero__grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:30px;align-items:start}
.fld-hero__lead{font-size:18px;color:var(--muted);margin-bottom:20px}
.fld-hero__lead .fld-em{color:var(--cyan)}

.fld-banner{
  border:1px solid var(--line);border-radius:4px 18px 4px 18px;
  background:linear-gradient(160deg,#141726 0%,#1B1F30 58%,#0B0D16 100%);
  padding:16px;overflow:hidden;
}
.fld-banner svg{display:block;width:100%;height:auto}
.fld-banner__cap{margin:12px 2px 0;font-size:13px;color:var(--muted-2);line-height:1.5}

.fld-kpi{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;
  margin:26px 0 24px;
}
.fld-kpi__i{
  position:relative;padding:16px 14px 14px;border:1px solid var(--line);
  background:linear-gradient(170deg,var(--surface-2),var(--surface));
  border-radius:4px 12px 4px 12px;
}
/* уголок-загиб */
.fld-kpi__i::after{
  content:"";position:absolute;right:0;top:0;width:18px;height:18px;
  background:linear-gradient(225deg,var(--bg) 50%,rgba(63,224,240,.35) 50%);
}
.fld-kpi__k{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);margin-bottom:6px;font-family:"Geologica",sans-serif}
.fld-kpi__val{display:block;font-size:20px;line-height:1.2;color:var(--text)}
.fld-kpi__note{display:block;font-size:12px;color:var(--muted);margin-top:4px}

.fld-cta{
  margin:28px 0 8px;padding:22px 24px;
  border:1px solid var(--line);border-radius:4px 16px 4px 16px;
  background:linear-gradient(100deg,rgba(123,92,255,.16),rgba(255,45,142,.12) 52%,rgba(63,224,240,.10));
  display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;justify-content:space-between;
}
.fld-cta p{margin:0;max-width:640px;color:var(--muted)}

/* ================= КОНТЕНТ ============= */

.fld-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.fld-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}

.fld-note{
  border-left:3px solid var(--pink);
  background:var(--surface-2);
  padding:14px 18px;border-radius:0 10px 10px 0;
  color:var(--muted);font-size:15.5px;margin:18px 0;
}
.fld-note .fld-em{color:var(--cyan)}

.fld-list{margin:14px 0 18px;padding:0;list-style:none}
.fld-list li{position:relative;padding-left:30px;margin-bottom:10px;color:var(--muted)}
.fld-list li::before{
  content:"";position:absolute;left:0;top:9px;width:16px;height:10px;
  background:linear-gradient(135deg,var(--cyan) 0 50%,var(--pink) 50% 100%);
  clip-path:polygon(0 0,100% 0,50% 100%);
}
.fld-list .fld-em{color:var(--text)}

.fld-num{color:var(--cyan);font-variant-numeric:tabular-nums}

/* ================= ГАЛЕРЕЯ НА ФАЛЬЦАХ ============= */

.fld-gal{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;margin:22px 0 10px;border:1px solid var(--line);
  background:var(--surface);
}
.fld-gal__i{
  position:relative;padding:16px 16px 18px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(105deg,rgba(255,255,255,.05) 0%,rgba(0,0,0,.28) 100%);
}
/* чётные «крылья» разворота смотрят светом в другую сторону — это и есть фальц */
.fld-gal__i:nth-child(even){
  background:linear-gradient(105deg,rgba(0,0,0,.30) 0%,rgba(255,255,255,.055) 100%);
}
.fld-gal__i::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,rgba(63,224,240,.55),rgba(255,45,142,.45));
  opacity:.55;
}
.fld-gal__i img{
  display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;
  border-radius:2px 10px 2px 10px;border:1px solid var(--line);
}
.fld-gal__cap{display:block;margin-top:10px;font-size:13px;line-height:1.45;color:var(--muted)}
.fld-gal__cap .fld-em{color:var(--cyan);display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-family:"Geologica",sans-serif}

/* ================= ТАБЛИЦЫ ============= */

.fld-tw{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:4px 14px 4px 14px}
table{width:100%;border-collapse:collapse;min-width:560px;font-size:15.5px}
caption{
  caption-side:top;text-align:left;padding:14px 18px 10px;color:var(--muted);
  font-size:13.5px;border-bottom:1px solid var(--line);
}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
thead th{
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  color:var(--cyan);font-family:"Geologica",sans-serif;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;font-weight:600;
}
tbody tr:nth-child(odd){background:var(--surface)}
tbody tr:nth-child(even){background:var(--surface-2)}
tbody tr:last-child td{border-bottom:0}
.fld-tot td{background:rgba(255,45,142,.14);color:var(--text);font-family:"Geologica",sans-serif}

/* ================= КЛУБ ============= */

.fld-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}
.fld-tier{
  padding:16px 14px;border:1px solid var(--line);border-radius:4px 12px 4px 12px;
  background:linear-gradient(160deg,var(--surface-2),var(--surface));
  position:relative;
}
.fld-tier__n{display:block;font-family:"Geologica",sans-serif;font-size:11px;color:var(--muted-2);letter-spacing:.14em}
.fld-tier__t{display:block;font-family:"Geologica",sans-serif;font-size:17px;margin:4px 0 6px;color:var(--text)}
.fld-tier__v{display:block;font-size:13.5px;color:var(--muted)}
.fld-tier:nth-child(5){border-color:var(--pink-deep)}
.fld-tier:nth-child(5) .fld-tier__t{color:var(--pink-light)}

/* ================= ОТЗЫВ ============= */

.fld-quote{
  margin:22px 0;padding:20px 24px;border:1px solid var(--line);
  border-radius:4px 16px 4px 16px;
  background:linear-gradient(100deg,var(--surface) 0%,var(--surface) 49%,rgba(0,0,0,.3) 50%,var(--surface-2) 51%);
}
.fld-quote p{margin:0 0 10px;font-size:16.5px}
.fld-quote__who{font-size:13px;color:var(--muted-2);font-family:"Geologica",sans-serif}

/* ================= FAQ ============= */

.fld-faq{margin:20px 0 6px}
.fld-faq details{
  border:1px solid var(--line);background:var(--surface);
  border-radius:4px 12px 4px 12px;margin-bottom:10px;
}
.fld-faq summary{
  cursor:pointer;list-style:none;padding:14px 48px 14px 18px;position:relative;
  font-family:"Geologica",sans-serif;font-size:16px;color:var(--text);
}
.fld-faq summary::-webkit-details-marker{display:none}
.fld-faq summary::after{
  content:"";position:absolute;right:18px;top:20px;width:14px;height:9px;
  background:linear-gradient(135deg,var(--cyan),var(--pink));
  clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .18s;
}
.fld-faq details[open] summary::after{transform:rotate(180deg)}
.fld-faq details[open] summary{color:var(--cyan)}
.fld-faq p{margin:0;padding:0 18px 16px;color:var(--muted);font-size:15.5px}

/* ================= ИСТОЧНИКИ ============= */

.fld-src{
  background:linear-gradient(170deg,var(--surface),var(--bg-deep));
  border:1px solid var(--line);border-radius:4px 18px 4px 18px;padding:24px 26px;margin:22px 0;
}
.fld-src ol{margin:12px 0 0;padding-left:22px;color:var(--muted)}
.fld-src li{margin-bottom:9px}

/* ================= ПОДВАЛ ============= */

.fld-foot{
  background:var(--bg-deep);border-top:1px solid var(--line);
  margin-top:40px;padding:34px 0 40px;color:var(--muted-2);font-size:14px;
}
.fld-foot__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fld-foot__h{
  font-family:"Geologica","Trebuchet MS",sans-serif;font-weight:600;
  font-size:14px;color:var(--muted);margin:0 0 8px;letter-spacing:.1em;text-transform:uppercase;
}
.fld-foot p{margin:0 0 7px;line-height:1.6}
.fld-age{
  margin-top:24px;padding:14px 18px;border:1px solid var(--line);
  border-radius:4px 12px 4px 12px;background:var(--surface);color:var(--muted);
  font-size:14px;
}
.fld-age span{
  display:inline-block;margin-right:10px;padding:2px 9px;border-radius:6px;
  background:linear-gradient(180deg,#FF5FA2,#FF2D8E);color:#FFFFFF;
  font-family:"Geologica",sans-serif;font-size:13px;
}

/* ================= АДАПТИВ ============= */

@media (max-width:980px){
  .fld-hero__grid{grid-template-columns:1fr}
  .fld-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fld-gal{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fld-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fld-foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fld-head__nav{grid-column:span 4;justify-content:flex-start}
  .fld-head__brand{grid-column:span 3}
  .fld-head__act{grid-column:span 5}
}

@media (max-width:640px){
  body{font-size:16px}
  .fld-wrap{padding:0 16px}
  .fld-head__grid{padding:10px 16px;gap:8px}
  .fld-head__brand{grid-column:span 12;justify-content:flex-start}
  .fld-head__nav{display:none}
  .fld-head__act{grid-column:span 12;justify-content:stretch;gap:8px}
  .fld-head__act .fld-btn{flex:1 1 0;padding:10px 8px;font-size:14px}
  .fld-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fld-two,.fld-three{grid-template-columns:1fr}
  .fld-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fld-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fld-foot__grid{grid-template-columns:1fr}
  .fld-panel{padding:18px 16px;background:var(--surface)}
  .fld-quote{padding:16px 16px;background:var(--surface)}
  .fld-src{padding:18px 16px}
  .fld-cta{padding:18px 16px}
  img{max-width:100%;height:auto}
  table{min-width:520px}
}