*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#141414;color:#f2f2f2;font-family:"Segoe UI",sans-serif;line-height:1.65}
.dial{background:#0d0d0d;padding:22px 12px 16px;text-align:center;border-bottom:3px solid #ff3b30}
.face{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;border:6px solid #ff3b30;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;color:#ff3b30;letter-spacing:-.04em}
.ticks{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ticks a{color:#f2f2f2;text-decoration:none;border:1px solid #444;padding:8px 14px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.ticks a.on{background:#ff3b30;color:#111;border-color:#ff3b30}
.floor{max-width:740px;margin:0 auto;padding:26px 18px 60px}
h1{font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.15;margin:0 0 12px}
h2{color:#ff3b30;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:22px 0 8px}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.1em}
img{width:100%;height:auto;display:block;margin:12px 0}
.cap{color:#9a9a9a;font-size:.84rem;margin:-4px 0 14px}
.reset{background:#1c1c1c;border-left:4px solid #ff3b30;padding:10px 12px;margin:8px 0 16px}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.92rem}
td{border-bottom:1px solid #2c2c2c;padding:7px 4px}
td:first-child{color:#ff3b30;width:5em}
.end{color:#9a9a9a;font-size:.88rem}