:root{
  --accent:#8d6808;
  --accent-2:#c49212;
  --soft:#fff4d6;
  --on:#ffffff;
  --ink:#16181f;
  --muted:#8b93a5;
  --line:#e6ebf2;
  --card:#ffffff;
  --warn-bg:#fff4f4;
  --warn:#e11d48;
  --hero-bg:#0c0d11;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  color:var(--ink);
  font-family:Manrope,Segoe UI,sans-serif;
  background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%);
}
a{color:var(--accent);text-decoration:none}
.sheet{width:min(460px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}
.lang{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}
.lang a{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--muted);padding:4px 8px;border-radius:999px}
.lang a.active{color:var(--accent);background:var(--soft)}
.brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.mark{
  width:96px;height:96px;border-radius:50%;object-fit:cover;
  background:#fff;box-shadow:0 12px 30px rgba(22,24,31,.12);
}
.mark.dark{object-fit:contain;background:#111318;padding:10px}
h1{margin:16px 0 0;font-size:34px;line-height:1.05;letter-spacing:-.03em}
.kicker{margin:8px 0 0;color:#9aa3b5;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.warn{
  display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:14px 16px;
  border-radius:18px;background:var(--warn-bg);color:var(--warn);
  font-size:14px;font-weight:700;line-height:1.45;text-align:center;
}
.warn svg{width:22px;height:22px;flex:none;margin-top:1px}
.perks{
  position:relative;margin:28px 0 0;padding:28px 18px 16px;border-radius:22px;
  background:var(--card);border:1px solid var(--line);box-shadow:0 10px 30px rgba(22,24,31,.04);
}
.badge{
  position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  padding:7px 14px;border-radius:999px;color:var(--on);font-size:13px;font-weight:800;white-space:nowrap;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
}
.perks ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.perks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
.perks svg{width:22px;height:22px;flex:none;color:#fff}
.perks svg circle{fill:var(--accent)}
.perks b{color:var(--accent)}
.cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:16px 0 0;padding:16px 18px;border-radius:16px;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));
  color:var(--on);font-weight:800;font-size:17px;
}
.cta svg{width:22px;height:22px}
.pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.pills span{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;
  background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700;
}
.rate-card,.contacts,.doc{
  margin:16px 0 0;padding:18px;border-radius:22px;background:#fff;
  border:1px solid var(--line);box-shadow:0 10px 30px rgba(22,24,31,.04);
}
.rate-box{padding:16px 12px;border-radius:16px;border:1px solid var(--soft);background:color-mix(in srgb,var(--soft) 55%,#fff);text-align:center}
.rate-label{margin:0;color:#7d8798;font-size:13px}
.rate-line{margin:10px 0 0;font-size:26px;font-weight:800;letter-spacing:-.03em}
.rate-line b{color:var(--accent);font-weight:800}
.note{margin:16px 0 0;text-align:center;color:#5c6578;font-size:15px;line-height:1.5}
.note.faint{color:#8b93a5;font-size:14px}
.contacts h2{margin:0;font-size:22px}
.contacts .sub{margin:4px 0 14px;color:var(--muted);font-size:13px}
.row{
  display:flex;gap:12px;align-items:center;padding:12px;margin-top:8px;
  border:1px solid var(--line);border-radius:16px;
}
.row i{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;
  background:var(--soft);color:var(--accent);
}
.row i svg{width:18px;height:18px}
.row small{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.row b,.row a{color:var(--ink);font-weight:800;font-size:15px}
.foot{margin:22px 0 0;text-align:center;color:#8b93a5;font-size:13px}
.foot nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.foot a{font-weight:700}
.doc h1{font-size:28px;text-align:left}
.doc p{color:#3e4656;line-height:1.55}
.back{display:inline-block;margin-top:8px;font-weight:800}
@media (max-width:380px){
  h1{font-size:30px}
  .rate-line{font-size:22px}
}