/* Ecrox Gold theme: black, gold and white from the Ecrox Gold logo */
:root{
  --signal:#FCD808;--signal-hi:#FFE54D;--ember:#B8920A;
  --rule-red:rgba(252,216,8,.42);
  --gold-deep:#B8920A;--gold-soft:rgba(252,216,8,.12);
}
::selection{background:var(--signal);color:#000}
.btn.primary,.primary{color:#000}
.btn.primary:hover{color:#000}
.statement{background:radial-gradient(ellipse 60% 80% at 100% 50%,rgba(252,216,8,.13),transparent 70%)}
.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 3px rgba(252,216,8,.16)}
.notice{background:rgba(252,216,8,.05)}
.callout{background:rgba(252,216,8,.06)}
.pagehero{background:radial-gradient(ellipse 45% 70% at 100% 50%,rgba(252,216,8,.10),transparent 70%)}
.pagehero::after{content:"";position:absolute;right:-160px;top:50%;width:520px;height:520px;margin-top:-260px;border-radius:50%;
  border:2px solid rgba(255,255,255,.35);border-left-color:transparent;border-bottom-color:rgba(252,216,8,.5);transform:rotate(25deg);pointer-events:none}
.pagehero::before{content:"";position:absolute;right:250px;top:calc(50% - 200px);width:14px;height:14px;border-radius:50%;background:var(--signal)}
@media (max-width:720px){.pagehero::after{width:340px;height:340px;margin-top:-170px;right:-200px}.pagehero::before{display:none}}
.navlink{display:flex;align-items:center;padding:0 15px;color:#D6D6DB;font-size:15.5px;font-weight:500}
.navlink:hover{color:#fff}
.mplain{display:block;padding:20px 2px;border-bottom:1px solid var(--rule);font-family:var(--display);font-size:15px;color:#fff}

/* hero coin */
.coin-stage{position:relative;width:100%;max-width:540px;aspect-ratio:1;justify-self:end;display:grid;place-items:center}
.coin-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gcoin{position:relative;z-index:2;width:62%;aspect-ratio:1;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,#FCD808 0deg 2deg,#B8920A 2deg 4deg);
  box-shadow:0 0 0 2px #000,0 0 90px rgba(252,216,8,.25),0 40px 70px rgba(0,0,0,.7);display:grid;place-items:center}
.gcoin::before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE97A,#FCD808 35%,#B8920A 100%)}
.gcoin::after{content:"";position:absolute;inset:11%;border-radius:50%;background:#000;box-shadow:inset 0 0 0 2px rgba(252,216,8,.6)}
.gcoin img{position:relative;z-index:2;width:60%;height:60%;object-fit:contain}
.coin-stage .sat-label{z-index:4;box-shadow:0 18px 40px rgba(0,0,0,.6)}
.coin-stage .sat-label.s1{top:8%;left:-4%}.coin-stage .sat-label.s2{bottom:10%;right:-4%}

/* fact strip */
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);margin-top:56px}
.fact-strip div{padding:24px 22px 28px;border-right:1px solid var(--rule)}
.fact-strip div:last-child{border-right:0}
.fact-strip b{display:block;font-size:16px;font-weight:600;color:#fff}
.fact-strip span{display:block;margin-top:4px;font-size:14px;color:var(--dim);line-height:1.45}
.fact-strip i{display:block;width:10px;height:10px;border-radius:50%;background:var(--signal);margin-bottom:16px}

/* comparison */
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);border-radius:14px;overflow:hidden}
.compare>div{padding:30px}
.compare>div+div{border-left:1px solid var(--rule);background:linear-gradient(160deg,rgba(252,216,8,.08),transparent 60%)}
.compare h3{font-family:var(--display);font-weight:400;font-size:18px;margin-bottom:18px}
.compare dl{margin:0}
.compare dt{font-size:13.5px;font-weight:600;color:var(--steel);margin-top:16px}
.compare dd{margin:4px 0 0;font-size:16px;color:#D0D0D5}
.compare>div+div h3{color:var(--signal)}

.mico.big{display:grid;width:48px;height:48px;flex:none;margin-bottom:20px;border-color:var(--rule-red);color:var(--signal)}
.mico.big svg{width:22px;height:22px}

@media (max-width:1050px){.coin-stage{justify-self:center;max-width:420px}.fact-strip{grid-template-columns:1fr 1fr}.fact-strip div:nth-child(2n){border-right:0}.fact-strip div:nth-child(-n+2){border-bottom:1px solid var(--rule)}}
@media (max-width:720px){.compare{grid-template-columns:1fr}.compare>div+div{border-left:0;border-top:1px solid var(--rule)}.fact-strip{margin-top:36px}.fact-strip div{padding:18px 14px}}
.fine-risk{margin-top:40px;font-size:13.5px;color:var(--dim);max-width:90ch}
.brand img{height:50px}
@media (max-width:1180px){.brand img{height:44px}}
@media (max-width:720px){.brand img{height:38px}}