:root{
  --bg:#0b0b0c;
  --row:#141416;
  --row-alt:#18181b;
  --text:#f2efe8;
  --muted:#9a968c;
  --gold:#c9a96a;
  --gold-hi:#e0c48a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Georgia,"Times New Roman",serif;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.site-head{padding:64px 16px 40px;text-align:center}
.site-head h1{
  font-weight:400;
  font-size:clamp(28px,6vw,52px);
  letter-spacing:.02em;
}
.site-head h1 span{color:var(--gold)}

.wrap{width:100%;max-width:960px;padding:0 16px;flex:1}

.list-head,.row{
  display:grid;
  grid-template-columns:minmax(0,2.2fr) 1fr 1fr 1.7fr 78px;
  align-items:center;
  gap:12px;
  padding:0 20px;
}
.list-head{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  padding-bottom:10px;
}
.domain-list{list-style:none;display:flex;flex-direction:column;gap:6px}
.row{
  background:var(--row);
  border-radius:8px;
  height:60px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  white-space:nowrap;
}
.row:nth-child(even){background:var(--row-alt)}
.row .c-domain{
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.row .c-price{color:var(--gold-hi);font-weight:700}
.row .c-down,.row .c-lto{color:var(--text)}
.row .c-lto small{color:var(--muted);font-size:inherit}
.btn-buy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:78px;
  height:36px;
  border-radius:6px;
  background:var(--gold);
  color:#0b0b0c;
  font-weight:700;
  font-size:14px;
  letter-spacing:.06em;
  text-decoration:none;
  text-transform:uppercase;
  transition:background .2s;
}
.btn-buy:hover,.btn-buy:focus-visible{background:var(--gold-hi)}

.note{
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  color:var(--muted);
  padding:22px 0 0;
}

.site-foot{
  padding:56px 16px 40px;
  display:flex;
  gap:14px;
  justify-content:center;
  align-items:baseline;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
}
.site-foot .brand{font-family:Georgia,"Times New Roman",serif;font-size:18px;color:var(--gold)}
.site-foot a{color:var(--muted);text-decoration:none}
.site-foot a:hover{color:var(--text)}

@media (max-width:640px){
  .wrap{padding:0 8px}
  .list-head,.row{
    grid-template-columns:minmax(0,1fr) 11.5vw 10vw 19vw 12.5vw;
    gap:1vw;
    padding:0 2vw;
  }
  .list-head{font-size:2.2vw;letter-spacing:.06em}
  .row{height:13vw;font-size:2.7vw;border-radius:6px}
  .row .c-domain{font-size:3vw}
  .btn-buy{width:12.5vw;height:8vw;font-size:2.8vw;letter-spacing:.04em;border-radius:5px}
  .note{font-size:12px}
}