:root { color-scheme: dark; font-family: "Open Sans", Arial, sans-serif; }
* { box-sizing: border-box; }
html, body, main { height: 100%; }
body { overflow: hidden; margin: 0; color: #fff; background: #3a4052; line-height: 1.5; }
.showcase { position: relative; display: grid; height: 100%; place-items: center; overflow: hidden; padding: 24px; text-align: center; }
.showcase video, .overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.showcase video { object-fit: cover; }
.overlay { background: rgba(0, 0, 0, 0.5); }
.content { position: relative; z-index: 1; display: flex; align-items: center; flex-direction: column; }
h1 { margin: 0 0 12px; font-size: clamp(2rem, 8vw, 3.75rem); font-weight: 300; line-height: 1.1; }
.content p { margin: 0; font-size: clamp(0.85rem, 2.5vw, 1.15rem); font-weight: 700; }
.button { display: inline-block; min-width: 180px; margin-top: 20px; border: 1px solid #fff; border-radius: 5px; padding: 10px 24px; color: #fff; background: rgba(58, 64, 82, 0.72); text-decoration: none; }
.is-disabled { cursor: not-allowed; opacity: 0.6; }