:root{
  --bg-top: #0e1114;
  --bg-bottom: #0a0c0f;
  --text: #ffffff;
  --muted: rgba(255,255,255,0.7);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji;
  background: linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
  color: var(--text);
}
.wrapper{
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8vh 5vw;
}
.hero{max-width:1000px;}
.logo{width:140px;height:auto;display:block;margin:0 auto 28px auto;filter:drop-shadow(0 1px 0 rgba(255,255,255,0.15));}
.tagline{
  display:inline-flex;
  flex-direction:column;
  gap:0.25em;
  font-size: clamp(24px, 5vw, 56px);
  line-height:1.1;
  font-weight:800;
  letter-spacing:-0.02em;
}
.tagline span{display:block}
@media (min-width:768px){
  .tagline{gap:0.15em}
}
footer{
  position:fixed;
  bottom:18px;
  width:100%;
  text-align:center;
  color:var(--muted);
  font-size:12px;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.tagline-line{white-space:nowrap}
.accent-cyan{color:#06B6D4}

.tagline{font-size:clamp(22px,3.4vw,56px)!important;line-height:1.1!important;letter-spacing:-0.02em!important;}
.tagline .line{display:block!important;white-space:nowrap!important;}
.accent-cyan{color:#06B6D4!important;}

.tagline{font-size:clamp(22px,3.6vw,56px)!important;line-height:1.1!important;letter-spacing:-0.02em!important;color:#ffffff!important;}
.tagline .line{display:block!important;white-space:nowrap!important;}