.by-pro{
  position:relative;
  margin:var(--s5, 32px) auto 0;
  padding:22px 18px 26px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
  isolation:isolate;
}
.by-pro::before{
  content:"";
  position:absolute;
  inset:-8% -6%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(60% 70% at 50% 45%, rgba(249,115,22,.16), transparent 70%),
    radial-gradient(35% 45% at 50% 50%, rgba(230,84,0,.10),  transparent 75%);
}
.by-pro .mark{
  display:flex;
  align-items:center;
  gap:9px;
}
.by-pro .mark img{
  width:26px;
  height:26px;
  border-radius:8px;
  display:block;
  box-shadow:0 0 0 1px rgba(189,60,0,.14), 0 2px 6px rgba(122,31,0,.10);
}
.by-pro .made{
  font-size:var(--f2, .8125rem);
  font-weight:700;
  color:var(--o700, #BD3C00);
  letter-spacing:.01em;
}
.by-pro .made a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(189,60,0,.28);
  padding-bottom:1px;
}
.by-pro .made a:hover{ border-bottom-color:currentColor; }
.by-pro .made a:focus-visible{
  outline:2px solid var(--o600, #E65400);
  outline-offset:3px;
  border-radius:4px;
}
.by-pro .legal{
  margin:0;
  max-width:56ch;
  font-size:var(--f1, .75rem);
  line-height:var(--lh3, 1.75);
  color:var(--faint, #736962);
}
.by-pro .legal a{
  color:var(--muted, #5D544F);
  text-decoration:underline;
  text-underline-offset:2px;
}
@media(min-width:720px){
  .by-pro{ padding:28px 24px 32px; }
}
@media (prefers-reduced-motion: reduce){
  .by-pro, .by-pro *{ animation:none !important; transition:none !important; }
}