/* terrazzo — плиты с полированным краем, крошка в фоне, латунные жилки */
:root{
  --trz-cement:#efece5;
  --trz-slab:#f7f5f0;
  --trz-indigo:#33478f;
  --trz-ochre:#d08a2a;
  --trz-ink:#231f1a;
  --trz-mute:#6b6459;
  --trz-brass:#b08a3c;
  --trz-line:#dcd6c8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background-color:var(--trz-cement);
  background-image:
    radial-gradient(circle at 12% 8%, rgba(51,71,143,.22) 0 9px, transparent 10px),
    radial-gradient(circle at 78% 14%, rgba(208,138,42,.26) 0 13px, transparent 14px),
    radial-gradient(circle at 34% 42%, rgba(35,31,26,.14) 0 6px, transparent 7px),
    radial-gradient(circle at 63% 71%, rgba(51,71,143,.16) 0 16px, transparent 17px),
    radial-gradient(circle at 91% 55%, rgba(208,138,42,.18) 0 7px, transparent 8px),
    radial-gradient(circle at 21% 84%, rgba(35,31,26,.10) 0 11px, transparent 12px),
    radial-gradient(circle at 49% 96%, rgba(51,71,143,.12) 0 5px, transparent 6px);
  background-size:520px 460px,520px 460px,520px 460px,520px 460px,520px 460px,520px 460px,520px 460px;
  color:var(--trz-ink);
  font-family:"Overpass",system-ui,sans-serif;
  font-size:17px;
  line-height:1.66;
}
.trz-wrap{max-width:1080px;margin:0 auto;padding:0 20px 70px}
h1,h2,h3,.trz-brandline,.trz-kpi__num{font-family:"Rubik Puddles",cursive}
h1{font-size:2.45rem;line-height:1.16;margin:0 0 18px;font-weight:400;color:var(--trz-indigo)}
h2{font-size:1.72rem;line-height:1.22;margin:0 0 6px;font-weight:400}
h3{font-size:1.2rem;line-height:1.3;margin:24px 0 6px;font-weight:400;color:var(--trz-indigo)}
p{margin:0 0 14px}
a{color:var(--trz-indigo)}

/* шапка */
.trz-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;padding:26px 0 18px;border-bottom:3px solid var(--trz-brass)}
.trz-brandline{font-size:1.45rem;color:var(--trz-ink)}
.trz-top span{color:var(--trz-mute);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}

/* плита */
.trz-slab{
  position:relative;
  background:var(--trz-slab);
  border:1px solid var(--trz-line);
  border-top:6px solid var(--trz-indigo);
  border-radius:3px 3px 22px 3px;
  padding:30px 32px 26px;
  margin:34px 0 0;
  box-shadow:0 1px 0 #fff inset,0 12px 26px -22px rgba(35,31,26,.7);
}
.trz-slab::after{
  content:"";position:absolute;left:32px;right:32px;bottom:12px;height:2px;
  background:linear-gradient(90deg,transparent,var(--trz-brass) 22%,var(--trz-brass) 78%,transparent);
  opacity:.55;
}
.trz-slab--hero{border-top-color:var(--trz-ochre);border-radius:3px 26px 3px 26px;padding-top:34px}
.trz-eyebrow{display:inline-block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--trz-ochre);margin:0 0 10px}
.trz-lead{font-size:1.1rem;color:#3b352c}
.trz-note{font-size:.88rem;color:var(--trz-mute);margin-top:10px}

/* KPI — крошка в цементе */
.trz-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0 24px}
.trz-kpi__cell{background:var(--trz-cement);border:1px solid var(--trz-line);border-radius:3px 14px 3px 14px;padding:14px 12px;text-align:center}
.trz-kpi__num{display:block;font-size:1.34rem;color:var(--trz-indigo);line-height:1.2}
.trz-kpi__cap{display:block;font-size:.78rem;color:var(--trz-mute);margin-top:6px;letter-spacing:.03em}

/* кнопка */
.trz-cta{display:inline-block;background:var(--trz-indigo);color:#fdfcf9;text-decoration:none;padding:15px 30px;border-radius:2px 18px 2px 18px;font-size:1.03rem;border-bottom:4px solid var(--trz-ochre)}
.trz-cta--ochre{background:var(--trz-ochre);color:#1d1913;border-bottom-color:var(--trz-indigo)}

/* мозаика hero */
.trz-board{display:block;margin:6px auto 0;max-width:340px;width:100%}

/* таблицы */
.trz-scroll{overflow-x:auto;margin:16px 0 6px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}
caption{caption-side:bottom;text-align:left;font-size:.84rem;color:var(--trz-mute);padding-top:8px}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--trz-line)}
thead th{background:var(--trz-indigo);color:#f6f3ec;font-weight:400;letter-spacing:.02em;border-bottom:none}
tbody tr:nth-child(even){background:#f1eee7}
td:first-child{color:var(--trz-indigo)}
.trz-hi{color:var(--trz-ochre)}

/* клуб */
.trz-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.trz-steps li{background:var(--trz-cement);border-left:5px solid var(--trz-ochre);border-radius:0 12px 0 12px;padding:12px 14px}
.trz-steps .trz-step__name{display:block;font-size:1.02rem;color:var(--trz-indigo)}
.trz-step__val{font-size:.85rem;color:var(--trz-mute)}

/* списки */
.trz-list{margin:12px 0 14px;padding-left:20px}
.trz-list li{margin-bottom:7px}

/* отзыв */
.trz-quote{background:var(--trz-cement);border:1px dashed var(--trz-brass);border-radius:3px 20px 3px 20px;padding:18px 20px;margin:20px 0 0}
.trz-quote__who{font-size:.85rem;color:var(--trz-mute);margin-top:8px}

/* FAQ */
details{background:var(--trz-cement);border:1px solid var(--trz-line);border-radius:2px 14px 2px 14px;padding:12px 16px;margin-bottom:10px}
summary{cursor:pointer;color:var(--trz-indigo);font-size:1.02rem}
details p{margin:10px 0 2px}

/* подвал */
.trz-foot{margin-top:38px;padding:24px 0 0;border-top:3px solid var(--trz-brass);font-size:.88rem;color:var(--trz-mute)}
.trz-foot p{margin-bottom:9px}
.trz-age{color:var(--trz-ink);letter-spacing:.02em}

@media (max-width:640px){
  body{font-size:16px}
  .trz-wrap{padding:0 16px 46px}
  h1{font-size:1.72rem}
  h2{font-size:1.32rem}
  .trz-slab{padding:22px 16px 22px;border-radius:3px 3px 16px 3px}
  .trz-slab::after{left:16px;right:16px}
  .trz-kpi{grid-template-columns:repeat(2,1fr)}
  .trz-steps{grid-template-columns:1fr}
  .trz-cta{display:block;text-align:center}
}