/* =========================================================
   OzonZavod — Premium layer v3 (strict / tech)
   Палитра логотипа: синий → фиолетовый → розовый. Градиент — только «подпись»
   (бейдж, главная кнопка, акцентные слова). Остальное — монохром, волосяные линии,
   инженерная сетка, моноширинные метки. Подключается последним на всех страницах.
   ========================================================= */
/* Шрифты подключаются ссылкой в <head> каждой страницы (быстрее, чем @import). */

:root{
  color-scheme:dark;
  --oz-blue:#2b3cf7;
  --oz-violet:#8a1fd0;
  --oz-pink:#ff0a78;

  --oz-ink:#05050d;
  --oz-deep:#08081a;
  --oz-surface:#0c0c1c;
  --oz-raise:#11112a;
  --oz-pearl:#f2f1f8;
  --oz-mist:#8f8cab;
  --oz-dim:#5d5a7a;
  --oz-line:rgba(255,255,255,.075);
  --oz-line-strong:rgba(255,255,255,.14);
  --oz-lilac:#b4adff;

  --grad-logo:linear-gradient(90deg,#2b3cf7 0%,#5a2ce6 30%,#8a1fd0 52%,#c2129f 74%,#ff0a78 100%);
  --grad-text:linear-gradient(92deg,#7d8bff 0%,#b067ff 50%,#ff4d9a 100%);
  --grad-border:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 40%,rgba(255,255,255,.03) 70%,rgba(255,255,255,.1));

  --bg:var(--oz-ink);--card:var(--oz-surface);--border:var(--oz-line);
  --text:var(--oz-pearl);--muted:var(--oz-mist);
  --accent:var(--oz-blue);--accent-secondary:var(--oz-pink);--grad:var(--grad-logo);

  --f-display:"Geologica","Onest",system-ui,sans-serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-brand:"Unbounded","Geologica",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --r-lg:16px;--r-md:12px;--r-sm:8px;
  --shadow-deep:0 1px 0 rgba(255,255,255,.05) inset,0 40px 80px -40px rgba(0,0,0,.9);
  --glow-btn:inset 0 1px 0 rgba(255,255,255,.28),0 14px 40px -14px rgba(138,31,208,.85);
  --ease:cubic-bezier(.16,.84,.24,1);
}

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--oz-ink);scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--f-body)!important;
  color:var(--oz-pearl);
  background-color:var(--oz-ink)!important;
  background-image:
    radial-gradient(900px 520px at 80% -12%,rgba(91,44,230,.20),transparent 65%),
    radial-gradient(700px 480px at -8% 0%,rgba(43,60,247,.14),transparent 62%)!important;
  background-attachment:fixed!important;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
/* инженерная сетка: тонкие вертикальные направляющие */
body::before{
  content:""!important;position:fixed!important;inset:0!important;pointer-events:none;z-index:-1;
  background:
    linear-gradient(90deg,transparent calc(50% - 620px),rgba(255,255,255,.045) calc(50% - 620px),rgba(255,255,255,.045) calc(50% - 619px),transparent calc(50% - 619px),
                          transparent calc(50% - 1px),rgba(255,255,255,.03) calc(50% - 1px),rgba(255,255,255,.03) 50%,transparent 50%,
                          transparent calc(50% + 619px),rgba(255,255,255,.045) calc(50% + 619px),rgba(255,255,255,.045) calc(50% + 620px),transparent calc(50% + 620px))!important;
  transform:none!important;animation:none!important;filter:none!important;
}
body::after{
  content:""!important;position:fixed!important;inset:0!important;top:0!important;left:0!important;
  width:auto!important;height:auto!important;transform:none!important;animation:none!important;filter:none!important;
  pointer-events:none;z-index:-1;opacity:.6;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")!important;
}
::selection{background:rgba(138,31,208,.65);color:#fff}
:focus-visible{outline:1.5px solid var(--oz-lilac)!important;outline-offset:3px}

h1,h2,h3{font-family:var(--f-display);font-weight:300;color:var(--oz-pearl);text-wrap:balance}
p{color:var(--oz-mist)}

/* ---------- Шапка ---------- */
.site-header{
  position:sticky!important;top:env(safe-area-inset-top,0px)!important;
  background:transparent!important;border:0!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding-top:12px;font-family:var(--f-body)!important;
  transition:padding .5s var(--ease);
}
.site-header__inner{
  width:min(1240px,calc(100% - 32px))!important;min-height:60px!important;
  padding:0 8px 0 12px;border-radius:14px;
  background:rgba(8,8,22,.6);
  border:1px solid var(--oz-line);
  backdrop-filter:saturate(160%) blur(20px);-webkit-backdrop-filter:saturate(160%) blur(20px);
  transition:background .5s var(--ease),border-color .5s,box-shadow .5s;
}
.is-scrolled .site-header{padding-top:8px}
.is-scrolled .site-header__inner{background:rgba(6,6,16,.82);border-color:var(--oz-line-strong);box-shadow:0 20px 50px -20px rgba(0,0,0,.9)}
.site-header__brand{
  display:inline-flex!important;align-items:center;gap:10px;
  font:600 16px/1 var(--f-brand)!important;letter-spacing:-.01em;
  color:var(--oz-pearl)!important;-webkit-text-fill-color:var(--oz-pearl)!important;
  background:none!important;animation:none!important;
}
.site-header__brand::before{
  content:"OZ";flex:none;display:grid;place-items:center;
  width:34px;height:34px;border-radius:50%;
  background:var(--grad-logo);
  font:700 10.5px/1 var(--f-brand);color:#fff;-webkit-text-fill-color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px rgba(255,255,255,.08);
}
.site-header__nav>a,.site-header__services summary{
  color:var(--oz-mist)!important;font-weight:500!important;font-size:13.5px!important;
  padding:8px 4px;transition:color .3s!important;
}
.site-header__nav>a:hover,.site-header__services summary:hover{color:#fff!important}
.site-header__services summary::after{color:var(--oz-dim)!important}
.site-header__dropdown{
  background:rgba(10,10,26,.96)!important;border:1px solid var(--oz-line-strong)!important;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-radius:var(--r-md)!important;box-shadow:var(--shadow-deep)!important;padding:8px!important;
}
.site-header__dropdown a{font-weight:500!important;color:var(--oz-mist)!important;border-radius:8px!important;transition:background .25s,color .25s}
.site-header__dropdown a:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}
.site-header__cta,.site-header__account{
  border:0!important;border-radius:10px!important;
  background:var(--grad-logo)!important;background-size:180% 100%!important;background-position:0 0!important;
  color:#fff!important;font:500 13px/1 var(--f-body)!important;padding:13px 18px!important;min-height:44px!important;
  box-shadow:var(--glow-btn)!important;
  transition:background-position .7s var(--ease),transform .3s var(--ease)!important;
}
.site-header__cta:hover,.site-header__account:hover{background-position:100% 0!important;transform:translateY(-1px)!important}
@media(max-width:900px){
  .site-header{position:relative!important;padding-top:10px}
  .site-header__inner{padding:10px 12px 4px!important}
  .site-header__nav{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .site-header__nav::-webkit-scrollbar{display:none}
}
@media(max-width:560px){
  .site-header__inner{align-items:center!important;column-gap:8px!important;row-gap:0!important}
  .site-header__brand{font-size:15px!important;gap:8px!important}
  .site-header__brand::before{width:30px;height:30px;font-size:9.5px}
  .site-header__brand{margin-top:0!important}
  .site-header__actions{order:2!important;flex:0 0 auto!important;margin:0 0 0 auto!important;display:flex!important}
  .site-header__cta,.site-header__account{min-height:38px!important;padding:10px 12px!important;font-size:12px!important;margin-left:0!important;white-space:nowrap}
  .site-header__nav{padding:6px 0 4px!important;gap:18px!important}
}

/* Кнопка настроек конфиденциальности: тихая, на телефоне — круглая иконка */
.privacy-settings{
  background:rgba(10,10,26,.8)!important;border:1px solid var(--oz-line-strong)!important;color:var(--oz-mist)!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--f-body)!important;
}
.privacy-settings:hover{color:#fff!important}
@media(max-width:680px){
  .privacy-settings{
    width:40px!important;height:40px!important;min-height:0!important;padding:0!important;border-radius:50%!important;
    font-size:0!important;display:grid!important;place-items:center;
  }
  .privacy-settings::before{
    content:"";width:16px;height:16px;background:var(--oz-mist);
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3 5 6v6c0 4.2 3 7.6 7 9 4-1.4 7-4.8 7-9V6l-7-3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/></svg>") center/contain no-repeat;
            mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3 5 6v6c0 4.2 3 7.6 7 9 4-1.4 7-4.8 7-9V6l-7-3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/></svg>") center/contain no-repeat;
  }
}

/* ---------- Внутренние страницы (seo-pages) ---------- */
body.seo-page{line-height:1.65}
.seo-kicker{
  display:inline-flex;align-items:center;gap:10px;
  font:500 11.5px/1 var(--f-mono)!important;letter-spacing:.14em!important;color:var(--oz-mist)!important;
  padding:8px 12px;border-radius:6px;border:1px solid var(--oz-line-strong);background:rgba(255,255,255,.02);
}
.seo-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--oz-pink);box-shadow:0 0 10px var(--oz-pink)}
.seo-hero{padding:clamp(56px,8vw,110px) 0 clamp(48px,6vw,80px)!important}
.seo-hero h1{font:300 clamp(34px,5.4vw,74px)/1.02 var(--f-display)!important;letter-spacing:-.045em!important}
.seo-lead{font-size:clamp(16px,1.4vw,18px)!important;line-height:1.7;max-width:62ch!important}
.seo-section h2{font:300 clamp(26px,3.2vw,44px)/1.1 var(--f-display)!important;letter-spacing:-.035em!important}
.seo-breadcrumbs{font:400 11.5px/1.4 var(--f-mono)!important;letter-spacing:.06em;color:var(--oz-dim)!important}
.seo-breadcrumbs a{color:var(--oz-mist)!important}
.seo-btn{
  border-radius:10px!important;min-height:52px!important;padding:15px 24px!important;
  font:500 14.5px/1 var(--f-body)!important;
  background:rgba(255,255,255,.03)!important;border:1px solid var(--oz-line-strong)!important;
  transition:transform .3s var(--ease),background .3s,background-position .7s var(--ease)!important;
}
.seo-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.07)!important}
.seo-btn--accent{border:0!important;background:var(--grad-logo)!important;background-size:180% 100%!important;box-shadow:var(--glow-btn)!important}
.seo-btn--accent:hover{background:var(--grad-logo)!important;background-size:180% 100%!important;background-position:100% 0!important}
.seo-card,.card,.box,.case,.stat,.timeline div,.faq details{
  border:1px solid var(--oz-line)!important;border-radius:var(--r-lg)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008))!important;
  box-shadow:var(--shadow-deep)!important;
  transition:border-color .4s var(--ease),background .4s var(--ease)!important;
}
.seo-card:hover{border-color:var(--oz-line-strong)!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01))!important}
.seo-card h3{font:400 clamp(17px,1.5vw,20px)/1.3 var(--f-display)!important;letter-spacing:-.02em}
.seo-card a,.seo-section a:not(.seo-btn){color:var(--oz-lilac)!important}
.seo-footer{border-top:1px solid var(--oz-line)!important;background:transparent!important}
.seo-logo span{color:var(--oz-pink)!important}

/* ---------- Страницы на style.css (блог, оферта, политика) ---------- */
body:not(.pz-home) h1{font-family:var(--f-display);font-weight:300;letter-spacing:-.045em}
body:not(.pz-home) h2{font-family:var(--f-display);font-weight:300;letter-spacing:-.035em}
.btn{
  border-radius:10px!important;background:var(--grad-logo)!important;color:#fff!important;
  font:500 15px/1 var(--f-body)!important;box-shadow:var(--glow-btn)!important;
}
.brand-shimmer{
  background:var(--grad-text)!important;-webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent;
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}