/* ===================================================================
   v8.7 ABOUT PAGE - DARK PREMIUM (Amethyst) - 22.05.26
   Dark theme for /about page + brand logo watermark giants.
   Linked separately in about.html. Rollback: remove this links link.
   =================================================================== */

/* base */
body{ background:#0A0717 !important; color:#ECEAF7 !important; }

/* HERO */
.about-hero{ background:transparent !important; border-bottom:1px solid rgba(255,255,255,.06) !important; }
.about-hero-title{ color:#fff !important; font-family:'Fraunces',Georgia,serif !important; font-weight:400 !important; letter-spacing:-2px !important; }
.about-hero-subtitle{ color:rgba(236,234,247,.6) !important; }

/* live page background */
body::before{
  content:'' !important; position:fixed !important; inset:0 !important; z-index:-2 !important; pointer-events:none !important;
  background:
    radial-gradient(55vw 55vw at -10% -15%, #2E2358, transparent 70%),
    radial-gradient(48vw 48vw at 110% 40%, #241B45, transparent 70%);
  opacity:.55 !important;
}

/* WATERMARK - brand logo giants via ::before on existing .brand-watermark */
/* hide text watermark, replace with logo images */
.brand-watermark{ color:transparent !important; text-shadow:none !important; -webkit-text-stroke:0 !important; }
.brand-watermark::before{
  content:'' !important; position:absolute !important; inset:0 !important;
  background-position:center !important; background-repeat:no-repeat !important; background-size:contain !important;
  opacity:var(--wm-op,.18) !important; transition:opacity .35s ease !important;
}
.brand-watermark.itc::before{ background-image:url('/uploads/brands/itc.svg') !important; }
.brand-watermark.tp::before{ background-image:url('/uploads/brands/thepage.svg') !important; }
.brand-watermark.spk::before{ background-image:url('/uploads/brands/speka.svg') !important; }
.brand-watermark.mc::before{ background-image:url('/uploads/brands/mc.svg') !important; }
.brand-watermark.hl::before{ background-image:url('/uploads/brands/highload.svg') !important; opacity:var(--wm-op,.13) !important; }
/* logo zone sizes (ratio 800x240) */
.brand-watermark{ display:block !important; height:0 !important; }
.brand-watermark.itc{ width:360px !important; padding-bottom:108px !important; }
.brand-watermark.tp { width:320px !important; padding-bottom:96px !important; }
.brand-watermark.spk{ width:400px !important; padding-bottom:120px !important; }
.brand-watermark.mc { width:300px !important; padding-bottom:90px !important; }
.brand-watermark.hl { width:320px !important; padding-bottom:96px !important; }

/* SECTIONS */
.about-section + .about-section{ border-top:1px solid rgba(255,255,255,.06) !important; }
.about-section .section-title{ color:#fff !important; font-family:'Fraunces',Georgia,serif !important; font-weight:500 !important; }
.mission-text{ color:rgba(236,234,247,.7) !important; }
.mission-text p{ color:rgba(236,234,247,.7) !important; }

/* STATS */
.about-stat{ border-left:2px solid rgba(157,123,255,.5) !important; }
.about-stat-value{ color:#fff !important; font-family:'Fraunces',Georgia,serif !important; font-weight:500 !important; }
.about-stat-label{ color:rgba(236,234,247,.45) !important; }

/* VALUES */
.about-value{ background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.07) !important; border-radius:14px !important; }
.about-value:hover{ border-color:rgba(157,123,255,.4) !important; transform:translateY(-3px) !important; }
.about-value-num{ color:#9d7bff !important; }
.about-value-title{ color:#fff !important; }
.about-value-text{ color:rgba(236,234,247,.5) !important; }

/* TIMELINE */
.about-timeline::before{ background:rgba(255,255,255,.1) !important; }
.about-tl-item::before{ background:#9d7bff !important; border:2px solid #0A0717 !important; box-shadow:0 0 0 1px rgba(157,123,255,.4) !important; }
.about-tl-year{ color:#9d7bff !important; }
.about-tl-title{ color:#fff !important; }
.about-tl-text{ color:rgba(236,234,247,.5) !important; }

/* CTA — violet instead of blue */
.about-cta-section{ background:linear-gradient(135deg,#3B2A8C,#1B1442) !important; border:1px solid rgba(157,123,255,.2) !important; border-radius:20px !important; }
.about-cta-title{ color:#fff !important; }
.about-cta-text{ color:rgba(255,255,255,.8) !important; }
.about-cta-section .btn-primary{ background:#fff !important; color:#1B1442 !important; border-color:#fff !important; }
.about-cta-section .btn-outline{ color:#fff !important; border-color:rgba(255,255,255,.5) !important; }

/* FOOTER MINI */
.footer-mini{ background:#070512 !important; color:rgba(236,234,247,.5) !important; border-top:1px solid rgba(255,255,255,.06) !important; }
.footer-mini a{ color:rgba(236,234,247,.7) !important; }
.footer-mini a:hover{ color:#fff !important; }

/* MOBILE - watermark in corners, does not overlap text */
@media(max-width:760px){
  .brand-watermark.mc, .brand-watermark.hl{ display:none !important; }
  .brand-watermark.itc{ width:200px !important; padding-bottom:60px !important; }
  .brand-watermark.spk{ width:210px !important; padding-bottom:63px !important; }
  .brand-watermark.tp{ width:180px !important; padding-bottom:54px !important; }
}

/* watermark -> белый монохром (перекрываем фирменные цвета SVG), чуть видимее */
.brand-watermark::before{
  filter: brightness(0) invert(1) !important;
  opacity: var(--wm-op, .22) !important;
}
.brand-watermark.hl::before{ opacity: var(--wm-op, .16) !important; }

/* FIX v8.7.1 watermark + dark header */
.brand-watermark::before{ display:none !important; content:none !important; }
.brand-watermark{
  display:block !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  filter:brightness(0) invert(1) !important;
  opacity:.22 !important;
  transition:opacity .35s ease !important;
  color:transparent !important;
  height:auto !important;
}
.brand-watermark.itc{ background-image:url('/uploads/brands/itc.svg') !important; width:360px !important; height:108px !important; }
.brand-watermark.tp { background-image:url('/uploads/brands/thepage.svg') !important; width:320px !important; height:96px !important; }
.brand-watermark.spk{ background-image:url('/uploads/brands/speka.svg') !important; width:400px !important; height:120px !important; }
.brand-watermark.mc { background-image:url('/uploads/brands/mc.svg') !important; width:300px !important; height:90px !important; }
.brand-watermark.hl { background-image:url('/uploads/brands/highload.svg') !important; width:320px !important; height:96px !important; opacity:.16 !important; }
.header{ background:rgba(10,7,23,.85) !important; backdrop-filter:blur(12px) !important; border-bottom:1px solid rgba(255,255,255,.06) !important; }
.header .nav a, .nav a{ color:rgba(236,234,247,.65) !important; transition:color .2s !important; }
.header .nav a:hover, .nav a:hover{ color:#fff !important; }
.logo-name{ color:#fff !important; }
.logo-domain{ color:rgba(236,234,247,.5) !important; }
.drawer-nav a{ color:rgba(236,234,247,.7) !important; }

/* FIX v8.7.2 — opacity watermark из JS-переменной */
.brand-watermark{ opacity:var(--wm-op,.22) !important; }
.brand-watermark.hl{ opacity:var(--wm-op,.16) !important; }

/* FIX v8.7.3 — Highload watermark в свободную зону (был под заголовком) */
.brand-watermark.hl{ left:auto !important; right:6% !important; top:34% !important; transform:rotate(2deg) !important; }