*{box-sizing:border-box}body{margin:0;background:#111521;color:#eef2ff;font:1rem/1.65 system-ui,sans-serif}header{background:#191f30;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1rem clamp(1rem,4vw,4rem);border-bottom:1px solid #323b51}a{color:#9fdbff;text-underline-offset:.25em}.brand{color:white;font-size:1.55rem;font-weight:850;letter-spacing:-.05em;text-decoration:none}.brand span{color:#75d7fb}nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem}nav a{color:#e2e8fa;text-decoration:none}nav a[aria-current]{color:#75d7fb;text-decoration:underline}details{position:relative;margin-left:auto}summary{cursor:pointer}details div{position:absolute;right:0;z-index:2;background:#202940;border:1px solid #465570;border-radius:.6rem;padding:.5rem;min-width:9rem}details a{display:block;padding:.2rem .5rem}main,footer{max-width:58rem;margin:auto;padding:2rem clamp(1rem,5vw,3rem)}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin:.5rem 0 2rem}h2{margin-top:1.9rem}p{overflow-wrap:anywhere}footer{border-top:1px solid #323b51;color:#bec7df}
body{background:#1a1a1a;color:#f2f2f2;font-family:Roboto,Arial,sans-serif}header{background:#333;border-color:#424242}header a,nav a{color:#fff}nav a[aria-current]{color:#fff;font-weight:700}.brand img{display:block;width:auto;max-width:155px;height:38px;object-fit:contain}main{max-width:68rem}.video{display:block;border:0;width:min(100%,760px);aspect-ratio:16/9;margin:0 auto 2rem}h1,h2{font-weight:400}footer{border-color:#444;color:#dedede}details div{background:#333;border-color:#555}

main h1 {
  font-weight: 750;
  letter-spacing: -.025em;
}

main h2 {
  color: #fff;
  font-size: clamp(1.28rem, 2.5vw, 1.65rem);
  line-height: 1.25;
  font-weight: 700;
  margin: 2.3rem 0 .7rem;
  padding-bottom: .45rem;
  border-bottom: 1px solid #555;
}
