/* =========================================================
   ZoomApps · About 2026 — Premium Cinema Landing v6 (compact 7 sections)
   Dark luxury, light typography, gold accent, snap sections
   ========================================================= */

html.is-about{scroll-snap-type:y proximity;scroll-behavior:smooth}
html.is-about body{background:#0A0A0C}

/* Белый header bar поверх dark cinema (Иван 10.05) */
html.is-about .site-header{
  position:fixed;top:0;left:0;right:0;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid rgba(10,10,12,.08);
  box-shadow:0 1px 0 rgba(10,10,12,.03),0 8px 24px -16px rgba(10,10,12,.12);
  z-index:90;
}
html.is-about .site-header .header__bar-top{display:none}
html.is-about .ab-hero{padding-top:calc(80px + 80px)}
@media(max-width:899px){html.is-about .ab-hero{padding-top:calc(70px + 60px)}}

.ab-section{
  position:relative;min-height:100svh;
  display:flex;align-items:center;justify-content:center;
  padding:96px 24px 80px;
  scroll-snap-align:start;scroll-snap-stop:normal;
  overflow:hidden;
}
.ab-section--dark{background:#0A0A0C;color:#fff}
.ab-section--light{background:#FAFAF8;color:#0A0A0C}
.ab-section--midnight{background:linear-gradient(180deg,#0A0A0C 0%,#13131A 60%,#0A0A0C 100%);color:#fff}

.ab-container{width:100%;max-width:1280px;margin:0 auto;position:relative;z-index:2}
.ab-container--narrow{max-width:920px}

.ab-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.55);
  padding:8px 14px;border:1px solid rgba(255,255,255,.12);
  border-radius:99px;background:rgba(255,255,255,.03);
  backdrop-filter:blur(8px);
}
.ab-section--light .ab-eyebrow{color:rgba(10,10,12,.55);border-color:rgba(10,10,12,.12);background:rgba(10,10,12,.03)}
.ab-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#D4AF37;box-shadow:0 0 12px rgba(212,175,55,.6)}

/* color:inherit FIX — h1/h2 базовые правила перебивают наследование от dark sections */
.ab-section .ab-h1, .ab-section .ab-h2, .ab-section h1, .ab-section h2, .ab-section h3{color:inherit}

.ab-h1, .ab-h2{
  font-weight:200;letter-spacing:-.04em;line-height:1.02;
  margin:24px 0 28px;
}
.ab-h1{font-size:clamp(48px,7vw,108px)}
.ab-h2{font-size:clamp(34px,4.5vw,64px)}
.ab-h1 em, .ab-h2 em{
  font-style:normal;
  background:linear-gradient(135deg,#D4AF37 0%,#F5E6A8 50%,#D4AF37 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:300;
}
.ab-lead{
  font-size:clamp(16px,1.3vw,19px);line-height:1.55;
  font-weight:400;max-width:580px;color:rgba(255,255,255,.72);
}
.ab-section--light .ab-lead{color:rgba(10,10,12,.72)}

/* ============== HERO ============== */
.ab-hero__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;width:100%;max-width:1320px}
.ab-hero__big-num{
  font-size:clamp(180px,20vw,340px);
  font-weight:200;letter-spacing:-.06em;line-height:.85;
  background:linear-gradient(180deg,#D4AF37 0%,#F5E6A8 30%,#D4AF37 60%,rgba(212,175,55,.3) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:block;text-align:center;
  text-shadow:0 0 80px rgba(212,175,55,.15);
}
.ab-hero__big-num-label{
  display:block;text-align:center;margin-top:8px;
  font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(212,175,55,.6);
}

.ab-hero__halos{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ab-hero__halo{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:abFloat 14s ease-in-out infinite}
.ab-hero__halo--1{width:520px;height:520px;background:radial-gradient(circle,rgba(212,175,55,.4) 0%,transparent 70%);top:-100px;right:-80px}
.ab-hero__halo--2{width:680px;height:680px;background:radial-gradient(circle,rgba(91,52,255,.18) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-7s}
@keyframes abFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}

@media(max-width:899px){
  .ab-hero__inner{grid-template-columns:1fr;gap:48px;text-align:left}
  .ab-hero__big-num{font-size:clamp(140px,40vw,200px)}
}

/* ============== STATS — 4 числа compact ============== */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;border-top:1px solid rgba(10,10,12,.08);border-left:1px solid rgba(10,10,12,.08);margin-top:48px}
.ab-stat{
  padding:48px 36px;
  border-right:1px solid rgba(10,10,12,.08);
  border-bottom:1px solid rgba(10,10,12,.08);
  position:relative;transition:background .35s ease;
  cursor:default;
}
.ab-stat:hover{background:rgba(212,175,55,.04)}
.ab-stat:hover .ab-stat__num::after{transform:scaleX(1)}
.ab-stat__num{
  display:block;font-size:clamp(56px,5vw,88px);font-weight:200;letter-spacing:-.05em;line-height:1;
  position:relative;
  background:linear-gradient(135deg,#0A0A0C 0%,#3D3D45 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ab-stat__num::after{
  content:"";position:absolute;left:0;bottom:-8px;width:48px;height:2px;
  background:linear-gradient(90deg,#D4AF37,transparent);
  transform-origin:left;transform:scaleX(.4);transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.ab-stat__label{display:block;margin-top:24px;font-size:14px;color:rgba(10,10,12,.55);font-weight:400}
.ab-stat__sub{display:block;margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:rgba(212,175,55,.7)}
@media(max-width:899px){.ab-stats{grid-template-columns:repeat(2,1fr)}.ab-stat{padding:32px 20px}}

/* ============== BIO IVAN ============== */
.ab-bio__grid{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:center}
.ab-bio__photo{position:relative;text-align:center}
.ab-bio__photo-frame{
  position:relative;width:300px;height:380px;margin:0 auto;
  border-radius:18px;overflow:hidden;
  background:linear-gradient(145deg,rgba(212,175,55,.18),rgba(212,175,55,.04));
  border:1px solid rgba(212,175,55,.25);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 32px 80px -20px rgba(212,175,55,.25);
}
.ab-bio__photo-mono{
  font-size:120px;font-weight:200;letter-spacing:-.05em;
  background:linear-gradient(135deg,#D4AF37,#F5E6A8);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  z-index:2;position:relative;
}
.ab-bio__photo-glow{
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 30%,rgba(212,175,55,.25) 0%,transparent 65%);
  pointer-events:none;
}
.ab-bio__photo-cap{margin-top:24px}
.ab-bio__photo-name{display:block;font-size:20px;font-weight:300;letter-spacing:-.01em;color:#fff}
.ab-bio__photo-role{display:block;margin-top:4px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(212,175,55,.8)}

.ab-bio__chips{list-style:none;padding:0;margin:24px 0 28px;display:flex;flex-wrap:wrap;gap:8px}
.ab-bio__chips li{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;
  padding:8px 14px;border-radius:99px;
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.7);
}

.ab-bio__links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ab-bio__link{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:99px;
  background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);
  color:#D4AF37;text-decoration:none;font-weight:500;font-size:14px;
  transition:all .3s ease;
}
.ab-bio__link:hover{background:rgba(212,175,55,.18);transform:translateY(-1px)}
.ab-bio__team-pill{
  font-size:13px;color:rgba(255,255,255,.55);
  padding:11px 0 11px 16px;
  border-left:1px solid rgba(255,255,255,.12);
}
@media(max-width:899px){
  .ab-bio__grid{grid-template-columns:1fr;gap:40px;text-align:center}
  .ab-bio__photo-frame{width:240px;height:300px}
  .ab-bio__photo-mono{font-size:90px}
  .ab-bio__chips,.ab-bio__links{justify-content:center}
  .ab-bio__team-pill{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;margin-top:6px}
}

/* ============== TIMELINE compact ============== */
.ab-timeline{position:relative;padding:32px 0 16px;margin-top:32px}
.ab-timeline__rail{
  position:absolute;left:50%;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent 0%,rgba(212,175,55,.4) 12%,rgba(212,175,55,.4) 88%,transparent 100%);
  transform:translateX(-50%);
}
.ab-tl-item{position:relative;width:50%;padding:22px 56px;cursor:default}
.ab-tl-item:nth-child(odd){padding-right:80px;text-align:right;margin-right:50%}
.ab-tl-item:nth-child(even){padding-left:80px;margin-left:50%}
.ab-tl-item__dot{
  position:absolute;top:30px;width:14px;height:14px;border-radius:50%;
  background:#D4AF37;box-shadow:0 0 0 4px #FAFAF8, 0 0 20px rgba(212,175,55,.4);
  z-index:2;
}
.ab-timeline--light .ab-tl-item__dot{box-shadow:0 0 0 4px #FAFAF8, 0 0 20px rgba(212,175,55,.4)}
.ab-tl-item:nth-child(odd) .ab-tl-item__dot{right:-7px}
.ab-tl-item:nth-child(even) .ab-tl-item__dot{left:-7px}
.ab-tl-item__year{
  font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.2em;
  color:#B8932E;font-weight:500;
}
.ab-tl-item__title{font-size:22px;font-weight:300;letter-spacing:-.02em;margin:8px 0 6px;color:#0A0A0C}
.ab-tl-item__desc{font-size:14px;line-height:1.5;color:rgba(10,10,12,.6)}
.ab-section--midnight .ab-tl-item__title{color:#fff}
.ab-section--midnight .ab-tl-item__desc{color:rgba(255,255,255,.6)}
@media(max-width:899px){
  .ab-timeline__rail{left:14px}
  .ab-tl-item{width:100%;padding:20px 0 20px 48px;text-align:left!important;margin:0!important}
  .ab-tl-item__dot{left:7px!important;right:auto!important;top:28px}
}

/* ============== REVIEWS ============== */
.ab-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.ab-review{
  margin:0;padding:32px 28px;
  border:1px solid rgba(255,255,255,.08);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  transition:all .4s ease;cursor:default;
  display:flex;flex-direction:column;gap:24px;
}
.ab-review:hover{border-color:rgba(212,175,55,.28);transform:translateY(-3px);box-shadow:0 24px 60px -20px rgba(212,175,55,.18)}
.ab-review__quote{
  margin:0;font-size:16px;line-height:1.55;font-weight:300;letter-spacing:-.005em;
  color:rgba(255,255,255,.85);
  flex:1;
}
.ab-review__author{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.ab-review__author-mono{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(212,175,55,.25),rgba(212,175,55,.08));
  border:1px solid rgba(212,175,55,.3);
  font-family:'JetBrains Mono',monospace;font-size:13px;color:#D4AF37;font-weight:600;letter-spacing:.05em;
  flex-shrink:0;
}
.ab-review__author-name{display:block;font-size:14px;font-weight:500;color:#fff}
.ab-review__author-role{display:block;margin-top:2px;font-size:12px;color:rgba(255,255,255,.5)}
.ab-review__src{
  margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;
  color:rgba(212,175,55,.7);text-decoration:none;
}
.ab-review__src:hover{color:#D4AF37}
@media(max-width:1099px){.ab-reviews{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ab-reviews{grid-template-columns:1fr}.ab-review{padding:24px 20px}}

/* ============== TRUST PILLS ============== */
.ab-trust{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 56px}
.ab-trust__pill{
  display:inline-flex;align-items:center;
  padding:10px 16px;border-radius:99px;
  background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.25);
  color:#B8932E;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em;
}

/* ============== PRINCIPLES compact ============== */
.ab-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(10,10,12,.08);border:1px solid rgba(10,10,12,.08)}
.ab-principle{
  background:#FAFAF8;padding:48px 36px;
  display:flex;flex-direction:column;gap:18px;
  position:relative;cursor:default;transition:background .4s ease;
  min-height:240px;
}
.ab-principle:hover{background:#fff}
.ab-principle__num{
  font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.2em;
  color:rgba(212,175,55,.8);font-weight:500;
}
.ab-principle__title{font-size:28px;font-weight:200;letter-spacing:-.03em;line-height:1.1;color:#0A0A0C}
.ab-principle__desc{font-size:15px;line-height:1.6;color:rgba(10,10,12,.65);margin-top:auto}
@media(max-width:899px){.ab-principles{grid-template-columns:1fr}.ab-principle{padding:32px 22px;min-height:0}}

/* ============== FINAL CTA ============== */
.ab-final{text-align:center}
.ab-final__inner{max-width:760px;margin:0 auto}
.ab-final__title{font-size:clamp(40px,6vw,88px);font-weight:200;letter-spacing:-.04em;line-height:1.05;margin-bottom:32px}
.ab-final__title em{
  font-style:normal;background:linear-gradient(135deg,#D4AF37,#F5E6A8,#D4AF37);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ab-final__cta{
  display:inline-flex;align-items:center;gap:14px;
  padding:20px 40px;border-radius:99px;
  background:linear-gradient(135deg,#D4AF37,#B8932E);
  color:#0A0A0C;font-weight:500;font-size:16px;letter-spacing:.02em;
  border:0;cursor:pointer;
  box-shadow:0 12px 40px -8px rgba(212,175,55,.4),inset 0 1px 0 rgba(255,255,255,.3);
  transition:all .35s ease;
  position:relative;overflow:hidden;
}
.ab-final__cta::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  transform:translateX(-100%);transition:transform .8s ease;
}
.ab-final__cta:hover::before{transform:translateX(100%)}
.ab-final__cta:hover{transform:translateY(-2px);box-shadow:0 18px 56px -10px rgba(212,175,55,.55)}

/* ============== REVEAL ============== */
.ab-section [data-ab-fade]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.ab-section.is-active [data-ab-fade]{opacity:1;transform:none}
.ab-section.is-active [data-ab-fade][data-ab-delay="1"]{transition-delay:.08s}
.ab-section.is-active [data-ab-fade][data-ab-delay="2"]{transition-delay:.16s}
.ab-section.is-active [data-ab-fade][data-ab-delay="3"]{transition-delay:.24s}
.ab-section.is-active [data-ab-fade][data-ab-delay="4"]{transition-delay:.32s}