*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f4f6f8;color:#18202a}
a{color:inherit;text-decoration:none}
.shell{width:min(1180px,calc(100% - 32px));margin:auto;padding-bottom:60px}
.header{background:#fff;border-bottom:1px solid #e5e8eb}
.header-in{width:min(1180px,calc(100% - 32px));margin:auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:20px;font-weight:850;white-space:nowrap}
.brand span,.eyebrow{color:#2f86a8}
.setup-link{font-weight:750;color:#2f86a8;white-space:nowrap}
.hero{padding:46px 0 24px}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(32px,6vw,52px);margin:8px 0}
.desc{max-width:780px;color:#68727d;line-height:1.6}
.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:18px 0 26px}
.card{background:#fff;border:1px solid #e1e5e8;border-radius:16px;padding:20px}
.big{font-size:28px;font-weight:900;margin-top:6px}
.state{padding:28px;text-align:center;color:#68727d;background:#fff;border:1px solid #e1e5e8;border-radius:16px}
.tablewrap{overflow-x:auto;border-radius:16px;border:1px solid #e1e5e8;background:#fff;-webkit-overflow-scrolling:touch}
table{width:100%;min-width:1050px;border-collapse:collapse;background:#fff}
th,td{padding:13px 15px;border-bottom:1px solid #e7ebee;text-align:left;font-size:14px;white-space:nowrap}
th{font-weight:850;background:#f8fafb;color:#26313a}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#f8fbfc}
.ticker{font-weight:850}
.result{font-weight:800}
.result-win{color:#237a48}
.result-loss{color:#b03f3a}
.result-triggered{color:#266bd3}
.result-waiting,.result-expired{color:#68727d}
.r-positive{color:#237a48;font-weight:850}
.r-negative{color:#b03f3a;font-weight:850}
.footer-note{margin-top:24px;color:#77848d;font-size:13px;line-height:1.5}
@media(max-width:820px){.summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){
  .shell,.header-in{width:min(100% - 20px,1180px)}
  .header-in{min-height:60px}
  .brand{font-size:17px}
  .setup-link{font-size:13px}
  .hero{padding:32px 0 18px}
  h1{font-size:32px}
  .summary{gap:9px;margin-bottom:18px}
  .card{padding:14px;border-radius:12px}
  .big{font-size:22px}
  th,td{padding:11px 12px;font-size:13px}
}