/* ====================================================
   BASE — переменные, сброс стилей, типографика, утилиты (.wrap, .eyebrow, .reveal, .glass, кнопки)
   ==================================================== */

:root {
  --bg:#0a0b0e;
  --bg-2:#0e1013;
  --white:#f3f5f7;
  --orange:#f4901e;
  --orange-deep:#c96e0b;
  --orange-light:#ffb35c;
  --orange-glow:rgba(244,144,30,.35);
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --muted:#9aa0a8;
  --ink:#14130f;
  --radius:3px;
  --container:1320px;
  --grad-orange:linear-gradient(120deg,#ffb35c 0%,#f4901e 45%,#c96e0b 100%);
  --glass-bg:rgba(255,255,255,.035);
  --glass-bg-2:rgba(255,255,255,.055);
  --glass-blur:blur(20px) saturate(140%);
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  margin:0;
  padding-top:64px;
  color:var(--white);
  font-family:'Poppins',sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  position:relative;
  background:
      radial-gradient(circle at 15% 0%, rgba(244,144,30,.09), transparent 40%),
      radial-gradient(circle at 90% 20%, rgba(244,144,30,.05), transparent 42%),
      radial-gradient(circle at 50% 100%, rgba(244,144,30,.05), transparent 45%),
      var(--bg);
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black, transparent 75%);
}
#siteView,#adminPage {
  position:relative;
  z-index:2;
}
h1,h2,h3,h4 {
  font-family:'Poppins',sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin:0;
  font-weight:600;
}
.mono {
  font-family:'Poppins',sans-serif;
}
a {
  color:inherit;
  text-decoration:none;
}
img {
  max-width:100%;
  display:block;
}
.wrap {
  max-width:var(--container);
  margin:0 auto;
  padding:0 24px;
}
.eyebrow {
  font-family:'Poppins',sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--orange);
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.eyebrow::before {
  content:"";
  width:24px;
  height:1px;
  background:var(--orange);
}
section {
  padding:110px 0;
  position:relative;
}
#process {
  scroll-margin-top:140px;
}
#home {
  scroll-margin-top:0;
}
@media (max-width:768px) {
  section {
    padding:72px 0;
  }
}
.reveal {
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s ease,transform .7s ease;
}
.reveal.in {
  opacity:1;
  transform:translateY(0);
}
.glass {
  background:var(--glass-bg);
  border:1px solid var(--line);
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 30px 60px -35px rgba(0,0,0,.7);
  border-radius:var(--radius);
}