@charset "UTF-8";

/* 7k1820.buzz — концепт «светлый известняк и чернила». Префикс .datavault- · светлая тема */

:root{
  --dv-paper:#f3f0e8;
  --dv-paper2:#e9e4d8;
  --dv-card:#fffdf7;
  --dv-rule:#d9d2c2;
  --dv-rule2:#bdb39d;
  --dv-ink:#171510;
  --dv-ink2:#4d473c;
  --dv-dim:#655e51;
  --dv-acc:#1f4f47;
  --dv-acc2:#2f7266;
  --dv-seal:#8a5a22;
  --dv-seal2:#b98b46;
  --dv-rad:10px;
  --dv-rad-s:3px;
  --dv-maxw:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  margin:0;
  background:
    linear-gradient(180deg,#f7f5ef 0,var(--dv-paper) 340px),
    var(--dv-paper);
  color:var(--dv-ink);
  font-family:"Cuprum",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,.datavault-logo__n,.datavault-bignum__v,.datavault-zrow__pc{
  font-family:"Tenor Sans","Cuprum",Georgia,serif;
  font-weight:400;
  letter-spacing:.3px;
  color:var(--dv-ink);
}
h1{font-size:clamp(29px,3.7vw,44px);line-height:1.18;margin:0 0 14px}
h2{font-size:clamp(23px,2.4vw,30px);line-height:1.24;margin:0 0 16px}
h3{font-size:19px;line-height:1.32;margin:20px 0 7px;color:var(--dv-acc)}
p{margin:0 0 13px}
a{color:var(--dv-acc);text-decoration:none}
a:hover{color:var(--dv-seal)}

.datavault-skip{position:absolute;left:-9999px;top:0;padding:10px 16px;background:var(--dv-acc);color:#fff;z-index:99}
.datavault-skip:focus{left:8px;top:8px}

.datavault-in{max-width:var(--dv-maxw);margin:0 auto;padding:0 24px}

/* ---------- шапка ---------- */
.datavault-bar{
  position:sticky;top:0;z-index:40;
  background:rgba(255,253,247,.94);
  border-bottom:1px solid var(--dv-rule);
  backdrop-filter:blur(8px);
}
.datavault-bar__in{
  max-width:var(--dv-maxw);margin:0 auto;padding:10px 24px;
  display:flex;align-items:center;gap:20px;
}
.datavault-logo{display:flex;align-items:center;gap:10px;color:var(--dv-ink)}
.datavault-logo svg{width:32px;height:32px;display:block}
.datavault-logo__n{font-size:20px;line-height:1}
.datavault-logo__s{display:block;font-size:10.5px;color:var(--dv-dim);letter-spacing:1.8px;text-transform:uppercase;font-family:"Cuprum",sans-serif}
.datavault-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.datavault-nav a{color:var(--dv-dim);font-size:15px}
.datavault-nav a:hover{color:var(--dv-acc)}

.datavault-btn{
  display:inline-block;padding:11px 22px;border-radius:var(--dv-rad-s);
  font-size:16px;font-weight:700;letter-spacing:.3px;border:1px solid transparent;
  transition:background .16s ease,color .16s ease;
}
.datavault-btn--main{background:var(--dv-acc);color:#fbf9f3}
.datavault-btn--main:hover{background:var(--dv-acc2);color:#fbf9f3}
.datavault-btn--ghost{border-color:var(--dv-rule2);color:var(--dv-ink)}
.datavault-btn--ghost:hover{background:var(--dv-paper2);color:var(--dv-ink)}
.datavault-cta{background:var(--dv-seal);color:#fffdf7;padding:9px 18px;border-radius:var(--dv-rad-s);font-weight:700;font-size:15px;white-space:nowrap}
.datavault-cta:hover{background:var(--dv-seal2);color:#fffdf7}

/* ---------- hero сплит 50/50 ---------- */
.datavault-hero{border-bottom:1px solid var(--dv-rule);background:var(--dv-card)}
.datavault-hero__in{
  max-width:var(--dv-maxw);margin:0 auto;padding:40px 24px 42px;
  display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;
}
.datavault-eyebrow{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:var(--dv-seal);margin:0 0 12px}
.datavault-lead{font-size:18px;color:var(--dv-ink2);max-width:60ch}
.datavault-heroact{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

.datavault-bignum{
  border:1px solid var(--dv-rule2);border-radius:var(--dv-rad);
  background:linear-gradient(160deg,#fffdf7,#f1ece0);
  padding:22px 24px;box-shadow:0 8px 22px rgba(23,21,16,.06);
}
.datavault-bignum__v{font-size:clamp(34px,4.4vw,52px);line-height:1;margin:0;color:var(--dv-acc)}
.datavault-bignum__l{font-size:15px;color:var(--dv-dim);margin:6px 0 0}
.datavault-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.datavault-quick a{
  display:block;padding:11px 13px;background:var(--dv-card);
  border:1px solid var(--dv-rule);border-bottom:2px solid var(--dv-acc);border-radius:var(--dv-rad-s);
}
.datavault-quick a:hover{border-bottom-color:var(--dv-seal);background:#fff}
.datavault-quick__h{display:block;color:var(--dv-ink);font-size:15px;font-weight:700}
.datavault-quick__p{display:block;color:var(--dv-dim);font-size:13px}
.datavault-kpi{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--dv-rule2)}
.datavault-kpi div{font-size:13.5px;color:var(--dv-dim)}
.datavault-kpi span{display:block;font-family:"Tenor Sans",serif;font-size:21px;color:var(--dv-ink)}

/* ---------- секции ---------- */
.datavault-sec{padding:42px 0;scroll-margin-top:74px}
.datavault-sec--alt{background:var(--dv-card);border-top:1px solid var(--dv-rule);border-bottom:1px solid var(--dv-rule)}
.datavault-note{font-size:15px;color:var(--dv-dim)}

/* ---------- welcome: зебра ---------- */
.datavault-zebra{border:1px solid var(--dv-rule);border-radius:var(--dv-rad);overflow:hidden;margin:14px 0 20px}
.datavault-zrow{
  display:grid;grid-template-columns:150px 190px 1fr;gap:18px;align-items:center;
  padding:15px 20px;background:var(--dv-card);
}
.datavault-zrow:nth-child(even){background:var(--dv-paper2)}
.datavault-zrow__t{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--dv-seal);margin:0}
.datavault-zrow__pc{font-size:25px;margin:0;color:var(--dv-acc)}
.datavault-zrow__d{font-size:15px;color:var(--dv-dim);margin:0}

.datavault-fig{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:6px 0 16px}
.datavault-fig svg{width:280px;height:150px;flex:none}
.datavault-fig p{font-size:14.5px;color:var(--dv-dim);margin:0;max-width:52ch}

.datavault-terms{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 14px;padding:0;list-style:none}
.datavault-terms li{
  font-size:14px;color:var(--dv-ink2);background:var(--dv-paper2);
  border:1px solid var(--dv-rule);border-radius:var(--dv-rad-s);padding:5px 12px;
}

/* ---------- каталог 3x3 ---------- */
.datavault-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:10px}
.datavault-reel{
  background:var(--dv-card);border:1px solid var(--dv-rule);
  border-radius:var(--dv-rad) var(--dv-rad) var(--dv-rad-s) var(--dv-rad-s);
  padding:15px 17px;
}
.datavault-reel__n{font-family:"Tenor Sans",serif;font-size:17px;margin:0 0 2px}
.datavault-reel__st{font-size:12.5px;letter-spacing:.8px;color:var(--dv-seal);margin:0 0 8px}
.datavault-reel__m{font-size:14px;color:var(--dv-dim);margin:0 0 8px}
.datavault-chip{display:inline-block;font-size:12.5px;padding:3px 9px;margin:0 6px 4px 0;border:1px solid var(--dv-rule2);border-radius:20px;color:var(--dv-ink2)}

/* ---------- brand overview в 2 колонки ---------- */
.datavault-cols{columns:2;column-gap:38px}
.datavault-cols h3{break-after:avoid;margin-top:0}
.datavault-cols p{break-inside:avoid;color:var(--dv-ink2);font-size:16px}
.datavault-cols>div{break-inside:avoid;margin-bottom:18px;display:inline-block;width:100%}

/* ---------- live: 2 колонки таблица | текст ---------- */
.datavault-split{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}
.datavault-tablewrap{overflow-x:auto;border:1px solid var(--dv-rule);border-radius:var(--dv-rad);background:var(--dv-card)}
table.datavault-tbl{border-collapse:collapse;width:100%;min-width:430px;font-size:15px}
.datavault-tbl caption{caption-side:top;text-align:left;padding:12px 16px;font-size:13.5px;color:var(--dv-dim);border-bottom:1px solid var(--dv-rule)}
.datavault-tbl th,.datavault-tbl td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--dv-rule)}
.datavault-tbl th{font-size:12.5px;letter-spacing:1px;text-transform:uppercase;color:var(--dv-seal);background:var(--dv-paper2)}
.datavault-tbl td{color:var(--dv-dim)}
.datavault-tbl td:first-child{color:var(--dv-ink)}
.datavault-tbl tr:last-child td{border-bottom:0}

/* ---------- турнир + отзывы ---------- */
.datavault-banner{
  display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:center;
  border:1px solid var(--dv-rule2);border-left:4px solid var(--dv-seal);
  border-radius:var(--dv-rad-s) var(--dv-rad) var(--dv-rad) var(--dv-rad-s);
  background:var(--dv-card);padding:22px 24px;
}
.datavault-banner__sum{font-family:"Tenor Sans",serif;font-size:36px;color:var(--dv-seal);margin:0;line-height:1}
.datavault-banner__s{font-size:13.5px;color:var(--dv-dim);margin:5px 0 0}
.datavault-banner p:last-child{margin-bottom:0}
.datavault-quotes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.datavault-quote{border:1px solid var(--dv-rule);border-radius:var(--dv-rad);background:var(--dv-card);padding:17px 19px}
.datavault-quote__stars{color:var(--dv-seal);letter-spacing:2px;font-size:14px;margin:0 0 7px}
.datavault-quote__a{font-size:13.5px;color:var(--dv-dim);margin:9px 0 0}

/* ---------- касса карточками 3x2 ---------- */
.datavault-cash{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:10px}
.datavault-cashcard{
  background:var(--dv-card);border:1px solid var(--dv-rule);border-top:3px solid var(--dv-acc);
  border-radius:var(--dv-rad-s);padding:15px 17px;
}
.datavault-cashcard h3{margin:0 0 6px;font-size:18px;color:var(--dv-ink)}
.datavault-cashcard p{font-size:14.5px;color:var(--dv-dim);margin:0 0 4px}

/* ---------- FAQ в 3 колонки ---------- */
.datavault-faq{columns:3;column-gap:18px;margin-top:10px}
.datavault-faq details{
  break-inside:avoid;display:inline-block;width:100%;margin-bottom:13px;
  background:var(--dv-card);border:1px solid var(--dv-rule);border-radius:var(--dv-rad-s);padding:12px 15px;
}
.datavault-faq summary{cursor:pointer;font-size:15.5px;line-height:1.4;color:var(--dv-ink)}
.datavault-faq summary::marker{color:var(--dv-acc)}
.datavault-faq p{font-size:14.5px;color:var(--dv-dim);margin:9px 0 0}

/* ---------- финальная полоса ---------- */
.datavault-final{background:var(--dv-acc);color:#f4f1e8;padding:36px 0;text-align:center}
.datavault-final h2{color:#fdfbf5;margin-bottom:14px}
.datavault-final p{color:#d6e2de;max-width:70ch;margin:0 auto 18px}
.datavault-final .datavault-btn--main{background:var(--dv-seal2);color:#231a0c}
.datavault-final .datavault-btn--main:hover{background:#d4a45c;color:#231a0c}

/* ---------- author ---------- */
.datavault-author{border:1px dashed var(--dv-rule2);border-radius:var(--dv-rad);background:var(--dv-card);padding:20px 24px}
.datavault-author p{font-size:15.5px;color:var(--dv-ink2)}

/* ---------- подвал ---------- */
.datavault-foot{background:var(--dv-paper2);border-top:1px solid var(--dv-rule2)}
.datavault-foot__in{max-width:var(--dv-maxw);margin:0 auto;padding:28px 24px 36px}
.datavault-foot__n{font-size:15.5px;color:var(--dv-ink);margin:0 0 10px}
.datavault-foot__h{font-size:14.5px;color:var(--dv-dim);margin:0 0 9px;max-width:96ch}
.datavault-foot__b{font-size:13px;color:#6f6759;margin:14px 0 0}

/* ---------- адаптив ---------- */
@media (max-width:1000px){
  .datavault-hero__in{grid-template-columns:1fr;gap:26px;padding:30px 24px 34px}
  .datavault-reels{grid-template-columns:1fr 1fr}
  .datavault-cash{grid-template-columns:1fr 1fr}
  .datavault-split{grid-template-columns:1fr;gap:22px}
  .datavault-faq{columns:2}
  .datavault-cols{columns:1}
  .datavault-banner{grid-template-columns:1fr;gap:16px}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .datavault-bar__in{flex-wrap:wrap;gap:12px;padding:10px 16px}
  .datavault-nav{margin-left:0;order:3;width:100%;gap:14px}
  .datavault-in,.datavault-hero__in,.datavault-bar__in,.datavault-foot__in{padding-left:16px;padding-right:16px}
  .datavault-sec{padding:30px 0}
  .datavault-reels,.datavault-cash,.datavault-quotes,.datavault-quick{grid-template-columns:1fr}
  .datavault-faq{columns:1}
  .datavault-zrow{grid-template-columns:1fr;gap:4px;padding:14px 16px}
  .datavault-fig svg{width:100%;height:auto}
}