/* ==========================================================================
   7k7007k.fun — «белый лён и почтовый красный»
   Шаблон G: полноэкранный постер + липкие боковые заголовки + KPI-полосы.
   Светлая тема. Префикс классов: .notewire-
   Шрифты: Comfortaa (заголовки) / PT Serif (текст)
   ========================================================================== */

:root{
  --notewire-bg:#faf6f0;
  --notewire-panel:#ffffff;
  --notewire-panel-2:#f2ebe1;
  --notewire-line:#e3d8c9;
  --notewire-line-2:#cdbfad;
  --notewire-acc:#c0392b;
  --notewire-acc-dark:#992c21;
  --notewire-acc-soft:rgba(192,57,43,.09);
  --notewire-ink:#2a2320;
  --notewire-mut:#6b5f55;
  --notewire-green:#276b63;
  --notewire-max:1160px;
  --notewire-r:3px 16px 3px 16px;
  --notewire-fh:"Comfortaa","Trebuchet MS",Verdana,sans-serif;
  --notewire-fb:"PT Serif","Georgia","Times New Roman",serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;
  background:var(--notewire-bg);
  color:var(--notewire-ink);
  font-family:var(--notewire-fb);
  font-size:17px;
  line-height:1.72;
  letter-spacing:.002em;
  -webkit-font-smoothing:antialiased;
}

img,svg{max-width:100%}
a{color:var(--notewire-acc-dark);text-decoration:none}
a:hover{color:var(--notewire-acc)}
p{margin:0 0 16px}
::selection{background:var(--notewire-acc);color:#fffaf5}
:focus-visible{outline:2px solid var(--notewire-green);outline-offset:3px}

.notewire-skip{
  position:absolute;left:-9999px;top:0;z-index:80;
  padding:11px 20px;background:var(--notewire-acc);color:#fff;font-family:var(--notewire-fh);font-weight:600;
}
.notewire-skip:focus{left:14px;top:14px}

.notewire-wrap{max-width:var(--notewire-max);margin:0 auto;padding:0 26px}

/* ------------------------------------------------------------------ шапка */
.notewire-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:22px;
  padding:11px 26px;
  background:rgba(250,246,240,.94);
  border-bottom:1px solid var(--notewire-line);
  backdrop-filter:blur(8px);
}
.notewire-logo{display:flex;align-items:center;gap:11px;color:var(--notewire-ink)}
.notewire-logo svg{width:33px;height:33px;flex:0 0 33px}
.notewire-logo__n{
  display:block;font-family:var(--notewire-fh);font-weight:700;font-size:18px;line-height:1.1;
  letter-spacing:.02em;color:var(--notewire-ink);
}
.notewire-logo__s{display:block;font-size:11px;color:var(--notewire-mut);letter-spacing:.09em;text-transform:uppercase;font-family:var(--notewire-fh)}
.notewire-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.notewire-nav a{color:var(--notewire-mut);font-size:14px;font-family:var(--notewire-fh)}
.notewire-nav a:hover{color:var(--notewire-acc)}
.notewire-go{
  display:inline-block;padding:10px 21px;
  background:var(--notewire-acc);color:#fffaf5;
  border-radius:var(--notewire-r);
  font-family:var(--notewire-fh);font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;
}
.notewire-go:hover{background:var(--notewire-acc-dark);color:#fff}

/* ----------------------------------------------------------------- постер */
.notewire-poster{
  min-height:88vh;display:flex;align-items:center;
  padding:56px 0 48px;
  background:
    linear-gradient(180deg,#fdfbf7 0%,var(--notewire-bg) 68%),
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(192,57,43,.05) 78px 82px);
  border-bottom:1px solid var(--notewire-line);
}
.notewire-poster__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:54px;align-items:center;width:100%}
.notewire-eyebrow{
  font-family:var(--notewire-fh);font-size:12px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--notewire-green);margin:0 0 18px;
}
.notewire-h1{
  font-family:var(--notewire-fh);font-weight:700;
  font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-.015em;
  margin:0 0 22px;color:var(--notewire-ink);
}
.notewire-h1 em{font-style:normal;color:var(--notewire-acc);border-bottom:5px solid var(--notewire-acc-soft)}
.notewire-lead{font-size:18px;color:var(--notewire-mut);max-width:60ch;margin:0 0 26px}
.notewire-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.notewire-btn{
  display:inline-block;padding:14px 28px;border-radius:var(--notewire-r);
  font-family:var(--notewire-fh);font-size:15px;font-weight:600;letter-spacing:.02em;
}
.notewire-btn--main{background:var(--notewire-acc);color:#fffaf5;box-shadow:0 6px 18px rgba(192,57,43,.18)}
.notewire-btn--main:hover{background:var(--notewire-acc-dark);color:#fff}
.notewire-btn--ghost{background:transparent;color:var(--notewire-ink);border:1px solid var(--notewire-line-2)}
.notewire-btn--ghost:hover{border-color:var(--notewire-acc);color:var(--notewire-acc)}

.notewire-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--notewire-line);border:1px solid var(--notewire-line)}
.notewire-quick a{display:block;padding:14px 15px;background:var(--notewire-panel)}
.notewire-quick a:hover{background:var(--notewire-acc-soft)}
.notewire-quick__t{display:block;font-family:var(--notewire-fh);font-weight:600;font-size:14px;color:var(--notewire-ink);margin-bottom:4px}
.notewire-quick__d{display:block;font-size:12.5px;color:var(--notewire-mut);line-height:1.45}

.notewire-figure{text-align:center}
.notewire-huge{
  font-family:var(--notewire-fh);font-weight:700;
  font-size:clamp(32px,4.4vw,52px);line-height:1;color:var(--notewire-acc);margin:0 0 18px;
}
.notewire-huge span{border-bottom:3px dashed var(--notewire-line-2);padding-bottom:9px}
.notewire-figure svg{width:100%;max-width:330px;height:auto}
.notewire-figure__cap{display:block;margin-top:12px;font-size:12.5px;color:var(--notewire-mut);font-family:var(--notewire-fh)}

/* ------------------------------------------------------------ KPI-полосы */
.notewire-kpi{
  background:var(--notewire-acc);
  color:#fdf3ef;
  padding:26px 0;
}
.notewire-kpi__in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.notewire-kpi--four .notewire-kpi__in{grid-template-columns:repeat(4,minmax(0,1fr))}
.notewire-kpi__n{font-family:var(--notewire-fh);font-weight:700;font-size:27px;line-height:1.12;color:#fff}
.notewire-kpi__l{font-size:13px;color:#f6d9d3;line-height:1.5;margin-top:5px}

/* ------------------------------------------------- секции и sticky-сайды */
.notewire-sec{padding:58px 0;border-bottom:1px solid var(--notewire-line)}
.notewire-sec__grid{display:grid;grid-template-columns:292px minmax(0,1fr);gap:54px;align-items:start}
.notewire-side{position:sticky;top:88px}
.notewire-num{
  display:inline-block;font-family:var(--notewire-fh);font-weight:700;font-size:13px;
  letter-spacing:.14em;color:var(--notewire-acc);border:1px solid var(--notewire-line-2);
  padding:3px 10px;margin-bottom:14px;
}
.notewire-h2{
  font-family:var(--notewire-fh);font-weight:700;font-size:26px;line-height:1.2;
  margin:0 0 12px;color:var(--notewire-ink);letter-spacing:-.01em;
}
.notewire-side__s{font-size:14px;color:var(--notewire-mut);line-height:1.6;margin:0}
.notewire-h3{
  font-family:var(--notewire-fh);font-weight:600;font-size:19px;line-height:1.3;
  margin:30px 0 11px;color:var(--notewire-acc-dark);
}

/* ------------------------------------------------------------- депозиты */
.notewire-deps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 20px}
.notewire-dep{
  background:var(--notewire-panel);border:1px solid var(--notewire-line);
  border-left:4px solid var(--notewire-acc);
  border-radius:var(--notewire-r);padding:17px 19px;
}
.notewire-dep__t{font-family:var(--notewire-fh);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--notewire-mut)}
.notewire-dep__p{font-family:var(--notewire-fh);font-weight:700;font-size:31px;line-height:1.1;color:var(--notewire-acc);margin:6px 0 8px}
.notewire-dep__d{font-size:14.5px;color:var(--notewire-mut);margin:0;line-height:1.58}

.notewire-chips{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0 0 8px}
.notewire-chips li{
  font-family:var(--notewire-fh);font-size:13px;padding:6px 13px;
  background:var(--notewire-acc-soft);color:var(--notewire-acc-dark);
  border:1px solid rgba(192,57,43,.2);border-radius:20px;
}

/* ----------------------------------------------------------------- шаги */
.notewire-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.notewire-step{background:var(--notewire-panel-2);border-radius:var(--notewire-r);padding:18px 19px}
.notewire-step__n{
  width:31px;height:31px;display:flex;align-items:center;justify-content:center;
  background:var(--notewire-green);color:#fff;font-family:var(--notewire-fh);font-weight:700;font-size:15px;
  border-radius:50%;margin-bottom:11px;
}
.notewire-step__t{font-family:var(--notewire-fh);font-weight:600;font-size:16px;margin-bottom:6px}
.notewire-step__d{font-size:14.5px;color:var(--notewire-mut);margin:0;line-height:1.58}

/* -------------------------------------------------------------- таблицы */
.notewire-tblwrap{overflow-x:auto;margin:20px 0 22px;border:1px solid var(--notewire-line);background:var(--notewire-panel)}
.notewire-tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.notewire-tbl caption{
  caption-side:top;text-align:left;padding:13px 17px;
  font-family:var(--notewire-fh);font-size:13px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--notewire-mut);border-bottom:1px solid var(--notewire-line);
}
.notewire-tbl th{
  text-align:left;padding:11px 17px;background:var(--notewire-panel-2);
  font-family:var(--notewire-fh);font-weight:600;font-size:13.5px;color:var(--notewire-ink);
  border-bottom:1px solid var(--notewire-line);
}
.notewire-tbl td{padding:11px 17px;border-bottom:1px solid var(--notewire-line);color:var(--notewire-mut)}
.notewire-tbl tbody tr:last-child td{border-bottom:none}
.notewire-tbl tbody tr:hover td{background:var(--notewire-acc-soft)}

/* --------------------------------------------------------------- слоты */
.notewire-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}
.notewire-slot{
  background:var(--notewire-panel);border:1px solid var(--notewire-line);
  border-radius:var(--notewire-r);padding:16px 18px;
}
.notewire-slot__t{font-family:var(--notewire-fh);font-weight:700;font-size:16.5px;color:var(--notewire-ink)}
.notewire-slot__s{font-size:13px;color:var(--notewire-green);margin:3px 0 9px;font-family:var(--notewire-fh)}
.notewire-slot__m{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.notewire-tag{
  font-family:var(--notewire-fh);font-size:11.5px;letter-spacing:.04em;
  padding:3px 10px;border:1px solid var(--notewire-line-2);color:var(--notewire-mut);border-radius:12px;
}
.notewire-tag--v{background:var(--notewire-acc-soft);color:var(--notewire-acc-dark);border-color:rgba(192,57,43,.22)}
.notewire-slot__d{font-size:14px;color:var(--notewire-mut);margin:0;line-height:1.55}

/* ------------------------------------------------------------ ступени */
.notewire-vip{margin:22px 0 20px;border-top:1px solid var(--notewire-line)}
.notewire-vip__row{
  display:grid;grid-template-columns:132px 84px minmax(0,1fr);gap:18px;align-items:baseline;
  padding:15px 4px;border-bottom:1px solid var(--notewire-line);
}
.notewire-vip__n{font-family:var(--notewire-fh);font-weight:700;font-size:17px;color:var(--notewire-ink);letter-spacing:.03em}
.notewire-vip__p{font-family:var(--notewire-fh);font-weight:700;font-size:23px;color:var(--notewire-acc)}
.notewire-vip__d{font-size:14.5px;color:var(--notewire-mut);line-height:1.6}

/* ------------------------------------------------------------- отзывы */
.notewire-revs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.notewire-rev{background:var(--notewire-panel);border:1px solid var(--notewire-line);border-radius:var(--notewire-r);padding:19px 21px}
.notewire-rev__s{color:var(--notewire-acc);letter-spacing:.16em;font-size:14px;margin-bottom:9px}
.notewire-rev__q{font-size:15px;line-height:1.66;margin:0 0 11px;font-style:italic}
.notewire-rev__a{font-family:var(--notewire-fh);font-size:12.5px;color:var(--notewire-mut);margin:0}

/* ---------------------------------------------------------------- FAQ */
.notewire-faq{border-top:1px solid var(--notewire-line)}
.notewire-faq details{border-bottom:1px solid var(--notewire-line);padding:3px 0}
.notewire-faq summary{
  cursor:pointer;list-style:none;padding:14px 34px 14px 2px;position:relative;
  font-family:var(--notewire-fh);font-weight:600;font-size:15.5px;color:var(--notewire-ink);
}
.notewire-faq summary::-webkit-details-marker{display:none}
.notewire-faq summary::after{
  content:"+";position:absolute;right:6px;top:11px;
  font-family:var(--notewire-fh);font-size:21px;color:var(--notewire-acc);line-height:1;
}
.notewire-faq details[open] summary::after{content:"–"}
.notewire-faq summary:hover{color:var(--notewire-acc)}
.notewire-faq details p{margin:0 0 15px;padding-right:34px;font-size:15px;color:var(--notewire-mut)}

/* -------------------------------------------------------------- подвал */
.notewire-foot{background:var(--notewire-panel-2);padding:46px 0 30px;border-top:3px solid var(--notewire-acc)}
.notewire-foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.notewire-foot h2{font-family:var(--notewire-fh);font-weight:600;font-size:15px;margin:0 0 11px;color:var(--notewire-ink);letter-spacing:.02em}
.notewire-foot p{font-size:14px;color:var(--notewire-mut);line-height:1.6}
.notewire-foot ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--notewire-mut)}
.notewire-foot li{margin-bottom:4px}
.notewire-foot__bot{margin-top:30px;padding-top:18px;border-top:1px solid var(--notewire-line)}
.notewire-age{font-family:var(--notewire-fh);font-size:13px;color:var(--notewire-mut);letter-spacing:.03em}

/* ------------------------------------------------------------- адаптив */
@media (max-width:1000px){
  .notewire-poster{min-height:0;padding:40px 0 36px}
  .notewire-poster__grid{grid-template-columns:1fr;gap:34px}
  .notewire-figure{order:-1}
  .notewire-sec__grid{grid-template-columns:1fr;gap:22px}
  .notewire-side{position:static;top:auto}
  .notewire-kpi__in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .notewire-kpi--four .notewire-kpi__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .notewire-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .notewire-slots{grid-template-columns:1fr}
  .notewire-nav{display:none}
}

@media (max-width:760px){
  body{font-size:16px}
  .notewire-wrap{padding:0 17px}
  .notewire-bar{padding:10px 17px;gap:12px}
  .notewire-sec{padding:38px 0}
  .notewire-kpi__in,.notewire-kpi--four .notewire-kpi__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
  .notewire-kpi__n{font-size:22px}
  .notewire-quick{grid-template-columns:1fr}
  .notewire-deps{grid-template-columns:1fr}
  .notewire-steps{grid-template-columns:1fr}
  .notewire-revs{grid-template-columns:1fr}
  .notewire-foot__cols{grid-template-columns:1fr;gap:24px}
  .notewire-vip__row{grid-template-columns:1fr;gap:5px}
  .notewire-h2{font-size:22px}
  .notewire-btn{width:100%;text-align:center}
}