:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #102547; background: #ffffff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 56px 24px 40px; text-align: center; }
.brand { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 3vw, 32px); width: min(100%, 680px); margin: 0 0 54px; }
.bolt { position: relative; overflow: hidden; flex: 0 0 auto; width: clamp(72px, 15vw, 138px); aspect-ratio: 280 / 550; background: transparent; }
.bolt img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wordmark { text-align: left; }
.name { display: block; font-size: clamp(25px, 6vw, 57px); font-weight: 800; line-height: 1; letter-spacing: -1.6px; }
.descriptor { display: block; color: #323232; font-size: clamp(15px, 3.8vw, 35px); font-weight: 400; letter-spacing: clamp(3px, 0.7vw, 7px); margin-top: 13px; }
.notice { max-width: 560px; }
.rule { width: 44px; height: 3px; background: #102547; margin: 0 auto 27px; }
h1 { font-size: clamp(25px, 4.5vw, 34px); line-height: 1.25; font-weight: 500; letter-spacing: -0.8px; margin: 0 0 20px; }
p { font-size: 16px; line-height: 1.8; color: #5b616a; margin: 0; }
footer { text-align: center; padding: 28px 24px; font-size: 11px; letter-spacing: 1.2px; color: #777b82; }
@media (max-width: 560px) { main { padding: 40px 24px; } .brand { margin-bottom: 30px; } h1 { max-width: 320px; margin-left: auto; margin-right: auto; } p { font-size: 15px; } }