.risk-demo-page{background:#050a10;color:#edf3fa}.risk-demo-hero{max-width:1180px;margin:auto;padding:110px 28px 90px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{color:#36dda2;font-size:12px;font-weight:900;letter-spacing:2.6px;margin-bottom:20px}.risk-demo-copy h1,.risk-demo-explain h2{font-size:clamp(46px,6vw,78px);line-height:.95;letter-spacing:-4px;margin:0 0 28px}.risk-demo-copy p{color:#8d9bad;font-size:19px;line-height:1.7;max-width:590px}.risk-demo-note{margin-top:25px;color:#657589;font-size:12px}.risk-engine-card{background:#08131d;border:1px solid #1b2c3d;border-radius:18px;box-shadow:0 30px 80px #0008;overflow:hidden}.re-head{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #172636}.re-head small{display:block;color:#647488;font-size:9px}.re-head strong{display:block;margin-top:4px}.re-live{color:#36dda2;font-size:10px;font-weight:800}.re-market,.re-symbols{display:flex;gap:8px;padding:18px 24px 0;overflow:auto}.re-market button,.re-symbols button{background:#09141e;border:1px solid #213244;color:#8292a5;border-radius:7px;padding:9px 13px;font-weight:800;font-size:10px;white-space:nowrap}.re-market button.active,.re-symbols button.active{border-color:#36dda2;color:#36dda2;background:#0c211d}.re-form{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.re-form label{font-size:9px;color:#718397;text-transform:uppercase;letter-spacing:1px;font-weight:800}.re-input{margin-top:7px;display:flex;align-items:center;border:1px solid #1d3041;border-radius:8px;background:#06101a;padding:0 12px}.re-input input{width:100%;background:transparent;border:0;outline:0;color:#edf3fa;font-size:18px;font-weight:800;padding:12px 5px}.re-input span{font-size:10px;color:#60768b;font-weight:800}.re-results{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #172636}.re-results div{padding:17px 24px;border-right:1px solid #172636;border-bottom:1px solid #172636}.re-results small{display:block;color:#60758a;font-size:8px;font-weight:900;letter-spacing:1px}.re-results b{display:block;margin-top:5px;font-size:17px}.re-rule{margin:20px 24px;padding:13px;border:1px solid #1b3a35;background:#09201b;border-radius:8px;color:#87a69c;font:11px monospace}.re-cta{display:flex;justify-content:space-between;margin:0 24px 24px;padding:15px 17px;border-radius:9px;background:#36dda2;color:#04100c;text-decoration:none;font-size:12px;font-weight:800}.risk-demo-explain{border-top:1px solid #14202c;max-width:1180px;margin:auto;padding:90px 28px}.risk-demo-explain h2{font-size:clamp(38px,5vw,62px);max-width:700px}.risk-demo-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.risk-demo-features article{border:1px solid #182a39;border-radius:12px;padding:28px;background:#07111a}.risk-demo-features span{color:#36dda2;font:11px monospace}.risk-demo-features h3{font-size:20px;margin:22px 0 10px}.risk-demo-features p{color:#7e8da0;line-height:1.6;font-size:14px}@media(max-width:800px){.risk-demo-hero{grid-template-columns:1fr;padding:70px 28px 60px;gap:45px}.risk-demo-copy h1{letter-spacing:-2.5px}.re-form{grid-template-columns:1fr 1fr}.risk-demo-features{grid-template-columns:1fr}.risk-demo-explain{padding-top:65px}}@media(max-width:430px){.re-form{grid-template-columns:1fr}.re-results b{font-size:14px}.re-results div{padding:15px}.re-cta{display:block}.re-cta span{display:block;margin-top:5px}}

/* LIVE RATE / CONVERSION STATUS */
.re-live-rate{
  margin:14px 24px 0;
  padding:10px 12px;
  display:grid;
  grid-template-columns:8px auto auto 1fr;
  gap:8px;
  align-items:center;
  border:1px solid #1b2e3e;
  border-radius:8px;
  background:#07111a;
}
.re-rate-dot{
  width:7px;height:7px;border-radius:50%;
  background:#708196;
}
.re-live-rate small{
  color:#64778b;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
.re-live-rate b{
  color:#edf3fa;
  font-size:11px;
}
.re-live-rate em{
  color:#607286;
  font-size:9px;
  font-style:normal;
  text-align:right;
}
.re-live-rate.loading .re-rate-dot{
  background:#d7aa4f;
  box-shadow:0 0 8px rgba(215,170,79,.45);
}
.re-live-rate.ok{
  border-color:#1d4539;
  background:#081b17;
}
.re-live-rate.ok .re-rate-dot{
  background:#36dda2;
  box-shadow:0 0 8px rgba(54,221,162,.55);
}
.re-live-rate.error{
  border-color:#50303a;
}
.re-live-rate.error .re-rate-dot{
  background:#ff6376;
}
.rate-waiting [data-position]{
  color:#8796a8;
  font-size:12px;
}

@media(max-width:600px){
  .re-live-rate{
    grid-template-columns:8px auto 1fr;
  }
  .re-live-rate em{
    grid-column:2 / 4;
    text-align:left;
  }
}