:root{--hm-paper:#eee6d8;--hm-gold:#c6a36e;--hm-teal:#76aab0;--hm-copper:#be7e63}
.hm-page{background:#090b0b;color:var(--hm-paper);overflow:hidden}
.hm-page *{box-sizing:border-box}
.hm-wrap{width:min(100% - 44px,1110px);margin:0 auto}
.hm-hero{min-height:75vh;display:flex;align-items:center;background:radial-gradient(circle at 80% 15%,rgba(118,170,176,.14),transparent 28rem),radial-gradient(circle at 5% 90%,rgba(190,126,99,.1),transparent 35rem),#090b0b;border-bottom:1px solid rgba(255,255,255,.13);padding:95px 0 76px}
.hm-rules-hero{min-height:55vh}
.hm-eyebrow{color:var(--hm-gold);font:700 .7rem/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}
.hm-hero h1{font-size:clamp(3.4rem,9.2vw,8.3rem);line-height:.92;letter-spacing:-.055em;margin:.12em 0 .25em;max-width:1050px}
.hm-hero h1 em{font-style:normal;color:var(--hm-gold)}
.hm-lead{font-size:clamp(1.25rem,2.3vw,1.9rem);line-height:1.45;max-width:850px;color:#d8d3c8;margin:0 0 26px}
.hm-buttons{display:flex;gap:20px 30px;align-items:center;flex-wrap:wrap;margin:28px 0}
.hm-button,.hm-link{display:inline-block;font:700 .73rem/1.4 Arial,sans-serif;letter-spacing:.12em;text-decoration:none;color:var(--hm-paper)}
.hm-button{padding:16px 20px;border:1px solid var(--hm-gold);background:rgba(198,163,110,.11)}
.hm-button:hover,.hm-button:focus-visible{background:rgba(198,163,110,.23)}
.hm-link{border-bottom:1px solid var(--hm-gold);padding:10px 0}.hm-link:hover,.hm-link:focus-visible{color:var(--hm-gold)}
.hm-metrics{display:flex;flex-wrap:wrap;gap:12px 35px;border-top:1px solid rgba(255,255,255,.15);padding-top:24px;margin-top:55px;font:700 .7rem/1.4 Arial,sans-serif;letter-spacing:.14em;color:#bcb9af}
.hm-small{font-size:.85rem;opacity:.68;line-height:1.6}
.hm-section{padding:clamp(58px,7vw,108px) 0;border-bottom:1px solid rgba(255,255,255,.12)}
.hm-section.hm-alt{background:#101413}.hm-section.hm-intro{background:#101413}
.hm-section h2{font-size:clamp(2.4rem,6vw,5.7rem);line-height:.98;letter-spacing:-.045em;margin:0 0 28px;max-width:960px}
.hm-section h3{font-size:clamp(1.2rem,2vw,1.65rem);margin:.6rem 0}
.hm-section p,.hm-section li{font-size:clamp(.99rem,1.4vw,1.15rem);line-height:1.75;color:#d5d1c8;max-width:890px}
.hm-section a{color:#d9bd93}.hm-section a:hover{text-decoration-thickness:2px}
.hm-section strong{color:#f5ebd9}.hm-section code{color:#8fc2c5;word-break:break-word}
.hm-section ul,.hm-section ol{padding-left:1.4rem;max-width:960px}
.hm-section li{padding-left:.45rem;margin:.58rem 0}.hm-section li::marker{color:var(--hm-gold);font-weight:700}
.hm-actions li{padding-left:.7rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}
.hm-jump{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:2px;background:#151a19;border-bottom:1px solid rgba(255,255,255,.15);padding:12px}
.hm-jump a{font:700 .64rem/1.4 Arial,sans-serif;color:#d5d1c8;letter-spacing:.1em;text-decoration:none;padding:10px 12px}
.hm-jump a:hover,.hm-jump a:focus-visible{color:var(--hm-gold);background:rgba(255,255,255,.06)}
.hm-tiles,.hm-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:40px 0}
.hm-tiles article{background:#111817;padding:clamp(23px,3vw,35px);border-top:2px solid var(--hm-teal)}
.hm-tiles article:nth-child(2){border-color:var(--hm-copper)}.hm-tiles article:nth-child(3){border-color:var(--hm-gold)}
.hm-tiles b{font:700 .65rem/1.4 Arial,sans-serif;letter-spacing:.14em;color:var(--hm-gold)}.hm-tiles p{font-size:1rem;line-height:1.65;margin-bottom:0}
.hm-lanes>div{min-height:170px;background:#1a211e;border:1px solid rgba(198,163,110,.28);padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.hm-lanes b{font-size:clamp(1.65rem,3.2vw,2.7rem);letter-spacing:-.03em}.hm-lanes small{font:600 .75rem/1.4 Arial,sans-serif;letter-spacing:.07em;color:#d4bd9d}
.hm-final{background:radial-gradient(circle at 65% 15%,rgba(198,163,110,.1),transparent 25rem),#0c0e0d}
@media(max-width:700px){.hm-hero{min-height:0;padding:72px 0}.hm-rules-hero{padding:65px 0}.hm-tiles,.hm-lanes{grid-template-columns:1fr}.hm-lanes>div{min-height:110px}.hm-section{padding:62px 0}.hm-buttons{align-items:flex-start;flex-direction:column;gap:4px}.hm-wrap{width:min(100% - 36px,1110px)}}
