/* BRUTEFORCE — новый холст. Строим с нуля по командам. */

:root{
  --bg:   #0b0c0d;   /* чистый тёмный фон */
  --fg:   #e9e7e1;   /* текст */
  --ink:  #0b0c0d;
  --ink-2: #121417;
  --bone: #e9e7e1;
  --bone-dim: #c3c2bb;
  --signal: #c88a3a;
  --ash:    #8b8d88;
  --line:   rgba(233,231,225,.12);
  --line-2: rgba(233,231,225,.22);
  --pad: clamp(20px, 5vw, 72px);
  --f-cond: "Saira Condensed", "Arial Narrow", sans-serif;
  --f-body: "Saira", system-ui, sans-serif;
  --f-mono: "Share Tech Mono", monospace;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background:var(--bg);
  color:var(--fg);
  font-family:var(--f-body);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ display:block; max-width:100%; -webkit-user-drag:none; user-select:none; pointer-events:none; }
a{ color:inherit; text-decoration:none; }

::selection{ background:#4d5054; color:#f2f0ea; }
::-moz-selection{ background:#4d5054; color:#f2f0ea; }

/* ---- ФОН ГЕРОЯ: картинка (скроллится с секцией) + плавное затемнение к низу ---- */
.hero-bg{
  position:absolute; inset:0; z-index:-2;
  background:url("assets/bg-road.jpg") center/cover no-repeat;
  filter:grayscale(.34) contrast(1.05) brightness(.6);
}
.hero-veil{
  position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(180deg, rgba(11,12,13,.5) 0%, rgba(11,12,13,.46) 40%, rgba(11,12,13,.86) 84%, var(--ink) 100%),
    radial-gradient(130% 100% at 30% 25%, transparent 34%, rgba(11,12,13,.62));
}

/* ---- ПАТТЕРН ПОЛОСОК (сканлайн) ---- */
.scanline{
  position:fixed; inset:0; z-index:40; pointer-events:none; opacity:.6;
  background:repeating-linear-gradient(180deg, rgba(0,0,0,0) 0 2px, rgba(0,0,0,.42) 2px 3px);
}

/* ---- ШАПКА ---- */
.topbar{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:center;
  gap:clamp(24px, 4vw, 52px);
  padding:16px var(--pad);
  border-bottom:1px solid transparent;
  transition:background .3s, border-color .3s, padding .3s;
}
.topbar.scrolled{
  background:rgba(11,12,13,.82); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  padding-top:11px; padding-bottom:11px;
}
.brand{ display:flex; align-items:center; gap:11px; }
.brand-logo{ height:20px; width:auto; fill:var(--bone); display:block; transition:fill .2s; }
.brand:hover .brand-logo{ fill:var(--signal); }
.brand-name{ font-family:var(--f-cond); font-weight:800; letter-spacing:.14em; font-size:19px; transform:translateY(1px); }
.nav{ display:flex; align-items:center; gap:8px; }
.nav a:not(.btn){
  position:relative;
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 14px; border:1px solid transparent;
  font-family:var(--f-cond); font-weight:600; font-size:13.5px;
  letter-spacing:.16em; color:var(--ash);
  transition:color .2s, border-color .3s ease, background .3s ease;
}
.nav a:not(.btn):hover{ color:var(--bone); border-color:var(--line-2); background:rgba(233,231,225,.03); }
.nav a:not(.btn)::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:var(--signal); transform:scaleX(0); transform-origin:left;
  transition:transform .35s ease;
}
.nav a:not(.btn):hover::after{ transform:scaleX(1); }
.nav-arrow{ flex:none; color:#62655f; transition:color .2s, transform .2s; }
.nav a:not(.btn):hover .nav-arrow{ color:var(--signal); transform:translate(1px,-1px); }
.btn .nav-arrow{ color:inherit; }
.btn:hover .nav-arrow{ transform:translate(2px,-2px); }
.btn-login .ava-mini{ width:20px; height:20px; border-radius:50%; object-fit:cover; margin:-3px 2px -3px -4px; }

/* дропдаун «Сообщества» */
.nav-dd{ position:relative; display:inline-flex; }
.nav-chev{ flex:none; color:#62655f; transition:color .2s, transform .25s; }
.nav-dd:hover .nav-chev{ color:var(--signal); transform:rotate(180deg); }
.nav-dd-menu{
  position:absolute; top:100%; left:50%; transform:translate(-50%,4px);
  min-width:224px; padding:6px; z-index:60;
  background:var(--ink-2); border:1px solid var(--line-2); border-radius:3px;
  box-shadow:0 24px 48px -20px rgba(0,0,0,.85);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
.nav-dd:hover .nav-dd-menu{ opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,9px); }
.nav-dd-menu::before{ content:""; position:absolute; left:0; right:0; top:-11px; height:11px; }  /* мост для курсора */
.nav .nav-dd-menu a{
  display:flex; align-items:center; gap:11px; width:100%;
  padding:10px 12px; border:none; border-radius:2px; background:none;
  font-family:var(--f-body); font-weight:500; font-size:14px; letter-spacing:0; text-transform:none;
  color:var(--bone-dim); transition:background .15s, color .15s;
}
.nav .nav-dd-menu a:hover{ background:rgba(233,231,225,.06); color:var(--bone); }
.nav .nav-dd-menu a::after{ display:none; }
.nav-dd-menu a > svg:first-child{ flex:none; width:19px; height:19px; color:var(--ash); transition:color .15s; }
.nav-dd-menu a:hover > svg:first-child{ color:var(--signal); }
.nav-dd-ext{ flex:none; margin-left:auto; color:#4d504b; transition:color .15s, transform .2s; }
.nav-dd-menu a:hover .nav-dd-ext{ color:var(--bone-dim); transform:translate(1px,-1px); }
.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--f-cond); font-weight:700; letter-spacing:.14em;
  border:1px solid var(--line-2); padding:11px 20px; font-size:13px;
  color:var(--bone); background:transparent; transition:.2s; cursor:pointer;
}
/* ---- ТЁМНАЯ СЕКЦИЯ ---- */
.wrap{ max-width:1320px; margin:0 auto; padding:0 var(--pad); }
.section{
  position:relative; z-index:1; background:var(--ink); overflow:hidden;
  padding:clamp(80px,12vh,140px) 0; min-height:70vh;
}
.section + .section{ border-top:1px solid var(--line); }

/* метка / заголовок / абзац */
.label{
  display:flex; width:fit-content; align-items:center;
  font-family:var(--f-cond); font-weight:600; font-size:13.5px; letter-spacing:.16em;
  color:#6B6B6B; text-transform:uppercase; margin-bottom:26px;
  border:1px solid var(--line-2); border-left:3px solid var(--ash);
  padding:8px 15px;
}
.lede{
  font-family:var(--f-cond); font-weight:600; text-transform:uppercase;
  font-size:clamp(2rem,4.6vw,3.6rem); line-height:1.02; letter-spacing:.005em;
  text-wrap:balance; max-width:22ch; margin-bottom:26px;
}
.para{ color:var(--ash); max-width:62ch; line-height:1.65; }

/* ряд заголовка + огромная цифра справа */
.sec-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:40px; position:relative; }
.sec-head-l{ flex:1; min-width:0; position:relative; z-index:1; }
.sec-num{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  font-family:var(--f-cond); font-weight:800; line-height:.7; letter-spacing:-.03em;
  font-size:clamp(13rem, 30vw, 34rem);
  color:rgba(233,231,225,.05); z-index:0; pointer-events:none; user-select:none;
}
@media (max-width:820px){ .sec-num{ display:none; } }
#scratch .sec-num{ top:0; transform:none; }

/* блоки-спеки */
.specs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); margin-top:56px;
}
.spec{ background:var(--ink); padding:30px 26px 34px; position:relative; overflow:hidden; }
.spec-idx{
  font-family:var(--f-cond); font-weight:600; font-size:13.5px; color:#6B6B6B;
  letter-spacing:.14em; display:block; margin-bottom:22px; text-transform:uppercase;
}
.spec h3{
  font-family:var(--f-cond); font-weight:700; text-transform:uppercase;
  font-size:22px; letter-spacing:.05em; margin-bottom:12px;
}
.spec p{ color:var(--ash); font-size:15.5px; line-height:1.6; }
.spec::after{
  content:""; position:absolute; left:26px; bottom:0; width:0; height:2px;
  background:var(--signal); transition:width .4s ease;
}
.spec:hover::after{ width:38px; }

/* свечение из верхне-правого угла + тематическая иконка на наведении */
.spec::before{
  content:""; position:absolute; top:0; right:0; width:74%; height:82%;
  background:radial-gradient(130% 130% at 100% 0%, rgba(200,138,58,.16) 0%, rgba(200,138,58,.05) 38%, transparent 70%);
  opacity:0; transition:opacity .5s ease; pointer-events:none; z-index:0;
}
.spec:hover::before{ opacity:1; }
.spec > *{ position:relative; z-index:1; }
.spec-ico{
  position:absolute; top:18px; right:18px; width:64px; height:64px;
  color:var(--signal); opacity:0; transform:translateY(-8px) scale(.94);
  transition:opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}
.spec:hover .spec-ico{ opacity:.5; transform:translateY(0) scale(1); }

@media (max-width:820px){
  .specs{ grid-template-columns:1fr; }
}

/* ---- КАРТОЧКИ ТЕХНИКИ (экономика) ---- */
.rigs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); margin-top:56px;
}
.rig{
  background:var(--ink); padding:22px 24px 24px;
  display:flex; flex-direction:column; gap:18px; position:relative; overflow:hidden;
}
.rig-img{ aspect-ratio:16/10; display:flex; align-items:center; justify-content:center; }
.rig-img img{
  max-width:100%; max-height:100%; object-fit:contain;
  filter:grayscale(.3) contrast(1.03); transition:transform .5s ease;
}
.rig:hover .rig-img img{ transform:scale(1.04); }
.rig.locked .rig-img img{ filter:brightness(0); opacity:.42; transform:none; }
.rig-info{ border-top:1px solid var(--line); padding-top:16px; }
.rig-name{
  display:block; font-family:var(--f-mono); font-size:11.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ash); margin-bottom:9px;
}
.rig-price{
  display:block; font-family:var(--f-cond); font-weight:800;
  font-size:clamp(1.5rem,2.4vw,2.05rem); letter-spacing:.01em; color:var(--bone);
  font-variant-numeric:tabular-nums;
}
.rig.locked .rig-price{ color:var(--signal); }
@media (max-width:820px){ .rigs{ grid-template-columns:1fr; } }

/* ---- ПОВЕСТКА (эпилоги) ---- */
.corner{ position:absolute; width:14px; height:14px; z-index:2; pointer-events:none; }
.corner.tl{ top:12px; left:12px; border-top:1px solid var(--line-2); border-left:1px solid var(--line-2); }
.corner.tr{ top:12px; right:12px; border-top:1px solid var(--line-2); border-right:1px solid var(--line-2); }
.corner.bl{ bottom:12px; left:12px; border-bottom:1px solid var(--line-2); border-left:1px solid var(--line-2); }
.corner.br{ bottom:12px; right:12px; border-bottom:1px solid var(--line-2); border-right:1px solid var(--line-2); }

.draft{
  position:relative; margin-top:52px; overflow:hidden;
  background:var(--ink-2); border:1px solid var(--line-2);
  padding:clamp(26px,4vw,46px);
}
.draft-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:34px; }
.draft-kick{ display:block; font-family:var(--f-mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--ash); margin-bottom:11px; }
.draft-title{ font-family:var(--f-cond); font-weight:800; text-transform:uppercase; font-size:clamp(1.9rem,3.6vw,2.9rem); letter-spacing:.04em; line-height:1; }
.draft-title span{ color:var(--signal); }
.draft-grif{
  font-family:var(--f-cond); font-weight:700; text-transform:uppercase; font-size:13px; letter-spacing:.14em;
  color:var(--signal); border:1px solid var(--signal); padding:9px 16px; white-space:nowrap; transform:rotate(-2deg);
}
.draft-cols{ display:flex; align-items:center; justify-content:space-between; gap:34px; }
.draft-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); flex:1; min-width:0; }
.draft-field{ background:var(--ink-2); padding:18px 20px; }
.draft-field dt{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--ash); margin-bottom:9px; }
.draft-field dd{ font-family:var(--f-cond); font-weight:600; font-size:18px; letter-spacing:.02em; color:var(--bone); }
.draft-stamp{ flex:none; width:clamp(140px,16vw,188px); height:auto; color:var(--signal); opacity:.5; transform:rotate(-8deg); }
.draft-stamp .stamp-t{ font-family:var(--f-cond); font-weight:700; font-size:24px; letter-spacing:6px; fill:currentColor; }
.draft-note{ margin-top:30px; padding-top:22px; border-top:1px solid var(--line); font-size:14px; color:var(--ash); line-height:1.6; max-width:72ch; }

@media (max-width:820px){
  .draft-cols{ flex-direction:column; align-items:stretch; }
  .draft-grid{ grid-template-columns:1fr; }
  .draft-stamp{ align-self:center; }
}

/* ---- ЦИКЛ: журнал операций (гигантские номера) ---- */
.cycle{ list-style:none; margin:56px 0 0; border-top:1px solid var(--line); }
.cyc{
  display:flex; align-items:center; gap:clamp(20px,4vw,52px);
  padding:clamp(20px,3vw,34px) 6px; border-bottom:1px solid var(--line);
  position:relative; transition:background .3s;
}
.cyc:hover{ background:rgba(233,231,225,.022); }
.cyc-n{
  flex:none; width:2.3ch; text-align:right;
  font-family:var(--f-cond); font-weight:800; line-height:.9; letter-spacing:-.02em;
  font-size:clamp(3.4rem,9vw,7.5rem);
  color:transparent; -webkit-text-stroke:1.5px var(--line-2); text-stroke:1.5px var(--line-2);
  transition:-webkit-text-stroke-color .35s, color .35s;
}
.cyc:hover .cyc-n{ -webkit-text-stroke-color:var(--signal); }
.cyc-c h4{
  font-family:var(--f-cond); font-weight:700; text-transform:uppercase;
  font-size:clamp(1.4rem,2.7vw,2.1rem); letter-spacing:.03em; margin-bottom:8px;
}
.cyc-c p{ color:var(--ash); font-size:15px; line-height:1.55; max-width:56ch; }
.cyc-loop{
  display:flex; align-items:center; gap:14px; margin-top:30px;
  font-family:var(--f-cond); font-weight:700; text-transform:uppercase;
  font-size:clamp(1.05rem,2vw,1.5rem); letter-spacing:.04em; color:var(--bone);
}
.cyc-loop span{ color:var(--signal); font-size:1.7em; line-height:1; }

/* ---- (устар.) старый горизонтальный цикл ---- */
.loop{ display:flex; align-items:stretch; margin-top:56px; }
.loop-step{ flex:1; background:var(--ink-2); border:1px solid var(--line); padding:24px 22px 26px; transition:border-color .3s, background .3s; }
.loop-step:hover{ border-color:var(--line-2); background:#15181c; }
.loop-n{ font-family:var(--f-mono); font-size:11px; letter-spacing:.2em; color:var(--signal); display:block; margin-bottom:16px; }
.loop-step h4{ font-family:var(--f-cond); font-weight:700; text-transform:uppercase; font-size:19px; letter-spacing:.05em; margin-bottom:10px; }
.loop-step p{ font-size:14px; color:var(--ash); line-height:1.55; }
.loop-arrow{ flex:none; align-self:center; color:var(--signal); font-size:20px; padding:0 12px; }
.loop-caption{ margin-top:22px; font-family:var(--f-mono); font-size:13px; letter-spacing:.08em; color:var(--ash); }
.loop-caption span{ color:var(--signal); margin-right:8px; font-size:16px; }

.wl-facts{ list-style:none; display:flex; flex-wrap:wrap; gap:14px 36px; margin-top:46px; padding-top:28px; border-top:1px solid var(--line); }
.wl-facts li{ font-family:var(--f-mono); font-size:13px; letter-spacing:.06em; color:var(--bone-dim); position:relative; padding-left:20px; }
.wl-facts li::before{ content:"—"; position:absolute; left:0; color:var(--signal); }

@media (max-width:820px){
  .loop{ flex-direction:column; }
  .loop-arrow{ transform:rotate(90deg); padding:10px 0; }
}

/* ---- ID-КАРТЫ ДОКУМЕНТОВ (город) ---- */
.idcards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px; }
.idcard{
  background:var(--ink-2); border:1px solid var(--line-2);
  position:relative; overflow:hidden; transition:border-color .3s, transform .3s;
}
.idcard:hover{ border-color:var(--signal); transform:translateY(-3px); }
.idcard-head{
  display:flex; align-items:center; gap:10px; padding:13px 18px;
  border-bottom:1px solid var(--line);
  font-family:var(--f-cond); font-weight:700; text-transform:uppercase;
  font-size:12.5px; letter-spacing:.14em; color:var(--bone-dim);
}
.idcard-logo{ width:15px; height:15px; fill:var(--signal); flex:none; }
.idcard-body{ display:flex; gap:16px; padding:20px 18px; }
.idcard-photo{
  width:72px; height:90px; flex:none; border:1px solid var(--line-2);
  background:var(--ink); display:flex; align-items:center; justify-content:center;
  color:var(--ash-dim, #62655f);
}
.idcard-photo svg{ width:42px; height:42px; }
.idcard-fields{ flex:1; min-width:0; display:flex; flex-direction:column; gap:12px; margin:0; }
.idcard-fields dt{
  font-family:var(--f-mono); font-size:9.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ash); margin-bottom:3px;
}
.idcard-fields dd{
  font-family:var(--f-cond); font-weight:600; font-size:15px;
  color:var(--bone); letter-spacing:.02em;
}
.idcard-mrz{
  font-family:var(--f-mono); font-size:11px; letter-spacing:.22em;
  color:var(--ash-dim, #55584f); background:var(--ink);
  border-top:1px solid var(--line); padding:9px 18px;
  white-space:nowrap; overflow:hidden; text-overflow:clip;
}
@media (max-width:820px){ .idcards{ grid-template-columns:1fr; } }

/* ---- ФИЧЕР 2-в-ряд (ИИ / эфир) ---- */
.feature{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(30px,5vw,64px); align-items:center; }
.feature-text .lede{ margin-top:2px; }
.comms{ background:var(--ink-2); border:1px solid var(--line-2); overflow:hidden; }
.comms-head{
  display:flex; align-items:center; gap:10px; padding:12px 18px; border-bottom:1px solid var(--line);
  font-family:var(--f-mono); font-size:11px; letter-spacing:.16em; color:var(--ash);
}
.comms-head .dot{ width:7px; height:7px; border-radius:50%; background:var(--signal); box-shadow:0 0 8px var(--signal); animation:pulse 2s infinite; flex:none; }
.comms-body{ padding:18px; display:flex; flex-direction:column; gap:14px; }
.msg-id{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.14em; color:var(--signal); display:block; margin-bottom:6px; }
.msg p{
  font-size:14.5px; color:var(--bone-dim); line-height:1.5;
  background:var(--ink); border:1px solid var(--line); border-left:2px solid var(--line-2); padding:9px 13px;
}
.comms-foot{
  border-top:1px solid var(--line); padding:14px 18px;
  font-family:var(--f-mono); font-size:12px; letter-spacing:.06em; color:var(--signal);
}
@keyframes pulse{ 0%,100%{opacity:1} 50%{opacity:.28} }
@media (max-width:820px){ .feature{ grid-template-columns:1fr; } }

/* ---- ID / БАНК-КАРТЫ ДОКУМЕНТОВ (город) ---- */
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:60px; }
.card{
  aspect-ratio:1.6/1; position:relative; overflow:hidden;
  background:linear-gradient(150deg,#1b1e23 0%,#111317 58%,#0d0f11 100%);
  border:1px solid var(--line-2); border-radius:12px;
  padding:20px 22px; display:flex; flex-direction:column;
  box-shadow:0 18px 40px -22px rgba(0,0,0,.85);
  transform:rotate(-2deg);
  transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s, border-color .3s;
}
.card:nth-child(2){ transform:rotate(1.4deg); }
.card:nth-child(3){ transform:rotate(-.8deg); }
.card:hover{ transform:rotate(0) translateY(-8px); box-shadow:0 30px 55px -20px rgba(0,0,0,.9); border-color:var(--signal); }
.card-holo{
  position:absolute; top:-25%; right:-8%; width:55%; height:150%;
  background:linear-gradient(115deg, transparent 34%, rgba(200,138,58,.16) 46%, rgba(233,231,225,.12) 52%, transparent 64%);
  transform:skewX(-12deg); pointer-events:none;
}
.card-top{ display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
.card-emblem{ width:20px; height:20px; fill:var(--signal); }
.card-type{ font-family:var(--f-cond); font-weight:700; text-transform:uppercase; font-size:12px; letter-spacing:.16em; color:var(--bone-dim); }
.card-chip{ width:40px; height:29px; border-radius:5px; margin-top:auto; position:relative; z-index:1; background:linear-gradient(135deg,#d3b06e,#8a7440); }
.card-chip::before{ content:""; position:absolute; inset:5px; border:1px solid rgba(0,0,0,.35); border-radius:2px; }
.card-num{ font-family:var(--f-mono); font-size:clamp(14px,1.55vw,17px); letter-spacing:.26em; color:var(--bone); margin-top:14px; position:relative; z-index:1; }
.card-foot{ display:flex; justify-content:space-between; gap:16px; margin-top:12px; position:relative; z-index:1; }
.card-lbl{ display:block; font-family:var(--f-mono); font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:var(--ash); margin-bottom:4px; }
.card-val{ font-family:var(--f-cond); font-weight:600; font-size:14px; color:var(--bone); letter-spacing:.03em; }
@media (max-width:820px){ .cards{ grid-template-columns:1fr; } }

/* ---- МАНИФЕСТ (ИИ) ---- */
.manifesto{
  font-family:var(--f-cond); font-weight:800; text-transform:uppercase;
  font-size:clamp(2.8rem,7vw,6.4rem); line-height:.92; letter-spacing:.005em;
  text-wrap:balance; margin-bottom:30px;
}
.manifesto span{ color:transparent; -webkit-text-stroke:1.6px var(--signal); text-stroke:1.6px var(--signal); }
.manifesto-sub{ max-width:66ch; font-size:clamp(15px,1.7vw,18px); }

/* ---- СЧЁТЧИК ДНЕЙ (с нуля) ---- */
.daybig{ margin-top:54px; }
.daybig-kick{
  display:flex; align-items:center; gap:10px;
  font-family:var(--f-mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ash); margin-bottom:8px;
}
.daybig-kick .dot{ width:8px; height:8px; border-radius:50%; background:var(--signal); box-shadow:0 0 10px var(--signal); animation:pulse 2s infinite; flex:none; }
.daybig-num{
  display:block; font-family:var(--f-cond); font-weight:800;
  font-size:clamp(5.5rem,20vw,17rem); line-height:.78; letter-spacing:-.02em;
  color:var(--bone); font-variant-numeric:tabular-nums;
}
.daybig-cap{
  display:block; font-family:var(--f-cond); font-weight:600; text-transform:uppercase;
  font-size:clamp(1.1rem,2.6vw,2rem); letter-spacing:.02em; color:var(--bone-dim); margin-top:8px;
}
.daybig-stack{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
  margin-top:32px; padding-top:24px; border-top:1px solid var(--line);
  font-family:var(--f-mono); font-size:13px; letter-spacing:.06em;
}
.daybig-stack span{ color:var(--bone-dim); }
.daybig-stack i{ color:#55584f; font-style:normal; }

/* ---- КОМАНДА / ШТАБ ---- */
.team{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin-top:56px; }
.member-ph{ aspect-ratio:1; overflow:hidden; border:1px solid var(--line-2); position:relative; transition:border-color .3s; }
.member-ph img{
  width:100%; height:100%; object-fit:cover;
  filter:grayscale(1) contrast(1.05) brightness(.95);
  transition:filter .5s ease, transform .6s ease;
}
.member:hover .member-ph img{ filter:grayscale(0) contrast(1.02); transform:scale(1.05); }
.member:hover .member-ph{ border-color:var(--signal); }
.member-tag{ display:block; font-family:var(--f-mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--signal); margin:16px 0 8px; }
.member-name{ font-family:var(--f-cond); font-weight:800; text-transform:uppercase; font-size:21px; letter-spacing:.04em; margin-bottom:8px; }
.member-role{ font-size:13.5px; color:var(--ash); line-height:1.5; }
@media (max-width:900px){ .team{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .team{ grid-template-columns:1fr; } }

/* бета-тестеры */
.testers{ margin-top:64px; padding-top:36px; border-top:1px solid var(--line); }
.testers .label{ margin-bottom:26px; }
.testers-list{
  list-style:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:1px; background:var(--line); border:1px solid var(--line);
}
.tester{ background:var(--ink); padding:12px 16px; display:flex; align-items:center; gap:13px; transition:background .2s; }
.tester:hover{ background:var(--ink-2); }
.tester img{
  width:44px; height:44px; border-radius:50%; object-fit:cover; flex:none;
  border:1px solid var(--line-2);
  filter:grayscale(1) contrast(1.05) brightness(.95);
  transition:filter .4s ease, border-color .3s;
}
.tester:hover img{ filter:grayscale(0) contrast(1.02); border-color:var(--signal); }
.t-name{ font-family:var(--f-cond); font-weight:600; font-size:15px; letter-spacing:.03em; color:var(--bone); }

/* ---- ФИНАЛЬНЫЙ ПРИЗЫВ ---- */
.cta-hero{
  position:relative; overflow:hidden; z-index:1; border-top:1px solid var(--line);
  min-height:82vh; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:120px var(--pad);
}
.cta-inner{ position:relative; z-index:2; max-width:840px; }
.cta-title{
  font-family:var(--f-cond); font-weight:800; text-transform:uppercase;
  font-size:clamp(2.8rem,7.5vw,6.4rem); line-height:.9; letter-spacing:.01em;
  margin:18px 0 22px; text-wrap:balance;
}
.cta-sub{ font-size:clamp(15px,1.8vw,18px); color:var(--bone-dim); max-width:56ch; margin:0 auto 32px; line-height:1.55; }
.cta-btns{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.btn-solid{ background:var(--bone); color:var(--ink); border-color:var(--bone); }
.btn-solid:hover{ background:transparent; color:var(--bone); box-shadow:inset 0 0 0 1px var(--bone); }
.btn-ghost:hover{ border-color:var(--bone); background:rgba(233,231,225,.05); }

/* ---- ПОДВАЛ (мега) ---- */
.foot{ position:relative; z-index:1; overflow:hidden; background:var(--ink); border-top:1px solid var(--line); padding:clamp(56px,8vh,96px) 0 34px; }
.foot .wrap{ position:relative; z-index:1; }
.foot-water{ position:absolute; right:-3%; bottom:-28%; width:min(50%,600px); height:auto; z-index:0; fill:rgba(233,231,225,.03); pointer-events:none; }
.foot-top{ display:grid; grid-template-columns:1.1fr 1.5fr; gap:clamp(40px,7vw,90px); align-items:start; }
.foot-logo{ width:26px; height:26px; fill:var(--signal); margin-bottom:18px; display:block; }
.foot-word{ font-family:var(--f-cond); font-weight:800; text-transform:uppercase; font-size:clamp(2.4rem,5vw,3.8rem); letter-spacing:.04em; line-height:.9; margin-bottom:16px; }
.foot-tag{ color:var(--ash); font-size:14px; line-height:1.55; max-width:40ch; margin-bottom:26px; }
.foot-cta{ display:inline-flex; }
.foot-cols{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; }
.foot-col{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.foot-h{ font-family:var(--f-mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--signal); margin-bottom:6px; }
.foot-col a{ font-family:var(--f-cond); font-weight:600; font-size:15px; letter-spacing:.03em; color:var(--ash); transition:color .2s, padding-left .2s; }
.foot-col a:hover{ color:var(--bone); padding-left:5px; }
.foot-bottom{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:clamp(44px,6vw,72px); padding-top:26px; border-top:1px solid var(--line); }
.foot-copy, .foot-status{ font-family:var(--f-mono); font-size:11.5px; letter-spacing:.1em; color:#62655f; }
.foot-status{ display:flex; align-items:center; gap:9px; }
.foot-status .dot{ width:7px; height:7px; border-radius:50%; background:var(--signal); box-shadow:0 0 8px var(--signal); animation:pulse 2s infinite; flex:none; }
.foot-up{ font-family:var(--f-mono); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ash); transition:color .2s; }
.foot-up:hover{ color:var(--signal); }
@media (max-width:820px){ .foot-top{ grid-template-columns:1fr; } }
@media (max-width:560px){ .foot-cols{ grid-template-columns:1fr 1fr; } }

/* ---- ЛАЙТБОКС (зум техники) ---- */
.zoomable{ cursor:zoom-in; pointer-events:auto; }
.lightbox{
  position:fixed; inset:0; z-index:100; display:none;
  align-items:center; justify-content:center; padding:6vh 6vw;
  background:rgba(6,7,8,.93); backdrop-filter:blur(8px); cursor:zoom-out;
}
.lightbox.open{ display:flex; }
.lightbox img{
  max-width:92vw; max-height:86vh; object-fit:contain;
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.65));
  animation:lbin .35s cubic-bezier(.2,.7,.2,1);
}
.lightbox-close{
  position:absolute; top:22px; right:26px; width:44px; height:44px;
  background:transparent; border:1px solid var(--line-2); color:var(--bone);
  font-family:var(--f-mono); font-size:16px; cursor:pointer; transition:.2s;
}
.lightbox-close:hover{ background:var(--bone); color:var(--ink); border-color:var(--bone); }
@keyframes lbin{ from{ opacity:0; transform:scale(.94); } to{ opacity:1; transform:scale(1); } }

@media (prefers-reduced-motion:reduce){ *{ animation:none !important; } }

/* ---- ГЕРОЙ (по центру) ---- */
.hero{
  min-height:100svh; overflow:hidden;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:110px var(--pad) 60px; position:relative; z-index:1;
}
.eyebrow{
  font-family:var(--f-mono); font-size:12px; letter-spacing:.32em;
  color:var(--ash); margin-bottom:22px;
}
.hero-title{
  font-family:var(--f-cond); font-weight:800; text-transform:uppercase;
  font-size:clamp(4.4rem, 15vw, 13rem); line-height:.84; letter-spacing:.01em;
  margin-bottom:26px; text-wrap:balance;
}
.hero-title span{
  color:transparent; -webkit-text-stroke:1.5px var(--bone-dim); text-stroke:1.5px var(--bone-dim);
}
.hero-sub{
  font-size:clamp(13.5px,1.5vw,15.5px); color:var(--bone-dim);
  max-width:58ch; line-height:1.6;
}
.hero-btns{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:34px; }

.btn-login{ padding:9px 16px; color:var(--ash); border-color:var(--line-2); }
.btn-login:hover{
  background:var(--bone); color:var(--ink); border-color:var(--bone);
  box-shadow:0 10px 24px -6px rgba(233,231,225,.5), 0 4px 10px -4px rgba(233,231,225,.35);
}
.ico{ flex:none; display:block; }

/* появление блоков при входе в кадр (класс вешает JS) */
.reveal-on{
  opacity:0; transform:translateY(22px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
  will-change:opacity, transform;
}
.reveal-on.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .reveal-on{ opacity:1; transform:none; transition:none; }
}