/* 7k257.fun — шаблон rings: годовые кольца, слои прироста, VIP разного радиуса */
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Inline+One:ital@0;1&family=Manuale:wght@400;500;700&display=swap');

:root{
  --arb-core:#1d1711;
  --arb-core-2:#261e17;
  --arb-core-3:#2f251b;
  --arb-sap:#d9c7a3;
  --arb-sap-dim:#a99a80;
  --arb-cambium:#c2703d;
  --arb-edge:rgba(217,199,163,.18);
}

*{box-sizing:border-box}

body{
  margin:0;
  background:
    radial-gradient(circle at 78% 6%, rgba(194,112,61,.16) 0 4%, transparent 4.6%),
    radial-gradient(circle at 78% 6%, rgba(194,112,61,.12) 0 9%, transparent 9.6%),
    radial-gradient(circle at 78% 6%, rgba(217,199,163,.10) 0 15%, transparent 15.5%),
    radial-gradient(circle at 78% 6%, rgba(217,199,163,.07) 0 22%, transparent 22.4%),
    var(--arb-core);
  color:var(--arb-sap);
  font-family:'Manuale',Georgia,serif;
  font-size:17px;
  line-height:1.66;
}

.arb-bark{max-width:1020px;margin:0 auto;padding:0 24px}

/* ——— шапка ——— */
.arb-crown{border-bottom:1px solid var(--arb-edge)}
.arb-crown-row{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between;padding:18px 0}
.arb-sign{
  font-family:'Alumni Sans Inline One',Impact,sans-serif;
  font-size:44px;line-height:1;letter-spacing:.04em;color:var(--arb-cambium);
}
.arb-sign i{font-style:italic;color:var(--arb-sap)}
.arb-crown-note{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:rgba(217,199,163,.62)}

/* ——— hero ——— */
.arb-heart{padding:44px 0 36px;display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:start}
h1{
  font-family:'Alumni Sans Inline One',Impact,sans-serif;
  font-weight:400;font-size:62px;line-height:.98;letter-spacing:.02em;
  margin:0 0 18px;color:var(--arb-sap);
}
.arb-lede{font-size:18px;margin:0 0 24px}
.arb-mark{color:var(--arb-cambium)}

.arb-disc{
  aspect-ratio:1/1;border-radius:50%;
  background:
    repeating-radial-gradient(circle at 50% 50%,
      rgba(217,199,163,.30) 0 2px,
      transparent 2px 9px,
      rgba(194,112,61,.34) 9px 11px,
      transparent 11px 21px);
  border:2px solid var(--arb-cambium);
  display:flex;align-items:center;justify-content:center;
  font-family:'Alumni Sans Inline One',sans-serif;font-size:40px;color:var(--arb-sap);
  text-shadow:0 0 12px var(--arb-core);
}

/* ——— KPI ——— */
.arb-gauge{display:flex;flex-wrap:wrap;gap:0;margin:0 0 26px;border:1px solid var(--arb-edge);border-radius:40px;overflow:hidden}
.arb-gauge div{flex:1 1 150px;padding:13px 18px;border-right:1px solid var(--arb-edge);background:var(--arb-core-2)}
.arb-gauge div:last-child{border-right:0}
.arb-gauge dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(217,199,163,.6)}
.arb-gauge dd{margin:3px 0 0;font-family:'Alumni Sans Inline One',sans-serif;font-size:27px;color:var(--arb-cambium)}

/* ——— CTA ——— */
.arb-cta{
  display:inline-block;text-decoration:none;border-radius:999px;
  background:var(--arb-cambium);color:#180f09;
  font-family:'Alumni Sans Inline One',sans-serif;font-size:26px;letter-spacing:.05em;
  padding:9px 34px;border:2px solid transparent;
}
.arb-cta:hover{background:transparent;color:var(--arb-cambium);border-color:var(--arb-cambium)}
.arb-hint{display:block;margin-top:10px;font-size:13.5px;color:rgba(217,199,163,.7)}

/* ——— слои прироста ——— */
.arb-layer{
  padding:30px 0 10px;border-top:1px solid var(--arb-edge);
  position:relative;padding-left:64px;
}
.arb-layer::before{
  counter-increment:arb-ring;
  content:counter(arb-ring,decimal-leading-zero);
  position:absolute;left:0;top:30px;
  width:44px;height:44px;border-radius:50%;
  border:2px solid var(--arb-cambium);
  display:flex;align-items:center;justify-content:center;
  font-family:'Alumni Sans Inline One',sans-serif;font-size:22px;color:var(--arb-cambium);
}
main{counter-reset:arb-ring}
h2{
  font-family:'Alumni Sans Inline One',Impact,sans-serif;
  font-weight:400;font-size:37px;line-height:1.06;letter-spacing:.02em;
  margin:0 0 14px;color:var(--arb-sap);
}
h3{font-family:'Manuale',serif;font-weight:700;font-size:19px;margin:22px 0 8px;color:var(--arb-cambium)}
p{margin:0 0 15px;max-width:72ch}

.arb-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:16px 0 18px}
.arb-node{
  background:var(--arb-core-2);border:1px solid var(--arb-edge);
  border-radius:18px 18px 18px 0;padding:15px 18px;
}
.arb-node h4{margin:0 0 6px;font-size:17px;color:var(--arb-cambium);font-weight:700}
.arb-node p{margin:0;font-size:15.5px}

ol.arb-sequence{counter-reset:arb-step;list-style:none;margin:0 0 18px;padding:0}
ol.arb-sequence li{
  counter-increment:arb-step;position:relative;padding:6px 0 6px 34px;font-size:16px;
}
ol.arb-sequence li::before{
  content:counter(arb-step);position:absolute;left:0;top:7px;
  width:21px;height:21px;border-radius:50%;background:rgba(194,112,61,.24);
  color:var(--arb-cambium);font-size:12px;display:flex;align-items:center;justify-content:center;
}

/* ——— таблицы ——— */
.arb-pan{overflow-x:auto;margin:16px 0 20px;border-radius:14px;border:1px solid var(--arb-edge)}
table{border-collapse:collapse;width:100%;min-width:580px;font-size:15.5px}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--arb-edge)}
thead th{
  background:var(--arb-core-3);color:var(--arb-cambium);
  font-family:'Manuale',serif;font-weight:500;font-size:13.5px;
  letter-spacing:.07em;text-transform:uppercase;
}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:rgba(194,112,61,.08)}
td.arb-peak{color:var(--arb-cambium)}
.arb-cap{font-size:13px;color:rgba(217,199,163,.6);margin:-10px 0 20px}

/* ——— клуб: кольца разного радиуса ——— */
.arb-rings{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;margin:20px 0 22px}
.arb-ring{
  border-radius:50%;border:2px solid var(--arb-cambium);
  background:radial-gradient(circle,rgba(194,112,61,.16),transparent 70%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
.arb-ring span{display:block;font-family:'Alumni Sans Inline One',sans-serif;font-size:24px;color:var(--arb-cambium)}
.arb-ring em{font-style:normal;font-size:13px;letter-spacing:.04em}
.arb-r1{width:92px;height:92px}
.arb-r2{width:112px;height:112px}
.arb-r3{width:132px;height:132px}
.arb-r4{width:152px;height:152px}
.arb-r5{width:172px;height:172px}

/* ——— отзыв ——— */
.arb-echo{
  margin:22px 0;padding:18px 20px;border-radius:18px;
  background:var(--arb-core-2);border:1px dashed var(--arb-cambium);font-size:16px;
}
.arb-echo cite{display:block;margin-top:9px;font-style:italic;font-size:13.5px;color:rgba(217,199,163,.68)}

/* ——— FAQ ——— */
details{border-bottom:1px solid var(--arb-edge);padding:11px 0}
summary{
  cursor:pointer;list-style:none;font-size:17.5px;font-weight:700;color:var(--arb-sap);
  padding-left:26px;position:relative;
}
summary::-webkit-details-marker{display:none}
summary::before{
  content:"";position:absolute;left:0;top:9px;width:13px;height:13px;
  border-radius:50%;border:2px solid var(--arb-cambium);
}
details[open] summary::before{background:var(--arb-cambium)}
details p{margin:10px 0 4px 26px;font-size:16px;color:rgba(217,199,163,.88)}

/* ——— источники ——— */
.arb-core-sample{
  margin:28px 0 22px;padding:22px 24px;border-radius:20px;
  border:1px solid var(--arb-cambium);background:var(--arb-core-2);
}
.arb-core-sample h3{margin-top:0}

.arb-finish{text-align:center;padding:10px 0 36px}

/* ——— подвал ——— */
.arb-root{border-top:1px solid var(--arb-edge);background:var(--arb-core-2);padding:24px 0 32px;font-size:14px}
.arb-root p{max-width:none;margin:0 0 8px;color:rgba(217,199,163,.72)}
.arb-warn{
  display:inline-block;margin-top:12px;padding:8px 16px;border-radius:999px;
  border:1px solid var(--arb-cambium);color:var(--arb-cambium);font-size:13.5px;
}

@media (max-width:640px){
  body{font-size:16px}
  .arb-bark{padding:0 15px}
  .arb-heart{grid-template-columns:1fr;padding-top:28px}
  .arb-disc{max-width:190px;margin:0 auto;font-size:28px}
  h1{font-size:40px}
  h2{font-size:27px}
  .arb-layer{padding-left:0;padding-top:52px}
  .arb-layer::before{top:14px;width:36px;height:36px;font-size:18px}
  .arb-pair{grid-template-columns:1fr}
  .arb-gauge{border-radius:20px}
  .arb-gauge div{flex:1 1 50%;border-bottom:1px solid var(--arb-edge)}
  .arb-cta{width:100%;text-align:center;font-size:22px}
  .arb-ring{width:96px !important;height:96px !important}
}