:root{
  --navy:#050D1B;
  --cyan:#19D8F5;
  --lime:#B8F34A;
  --blue:#168DFF;
  --violet:#A875FF;
  --text:#EAF7FF;
  --muted:#8FB3C7;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(22,141,255,.16), transparent 60%),
    radial-gradient(70% 50% at 50% 108%, rgba(184,243,74,.08), transparent 60%),
    var(--navy);
  color:var(--text);
  font-family: Arial, Helvetica, sans-serif;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:32px 20px;
  overflow:hidden;
}
.seal{
  width:min(320px, 72vw);
  height:auto;
  border-radius:50%;
  box-shadow:0 0 44px rgba(25,216,245,.28), 0 0 90px rgba(184,243,74,.14);
  animation:breathe 7s ease-in-out infinite;
}
@keyframes breathe{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.018)}
}
@media (prefers-reduced-motion: reduce){
  .seal{animation:none}
}
h1.wordmark{
  margin-top:26px;
  font-size:clamp(42px, 9vw, 76px);
  font-weight:900;
  font-style:italic;
  letter-spacing:.05em;
  background:linear-gradient(180deg,#D9F9FF 10%, var(--cyan) 48%, var(--lime) 95%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.tagline{
  margin-top:12px;
  font-size:clamp(12px, 2.6vw, 15px);
  letter-spacing:.42em;
  text-indent:.42em;
  color:var(--lime);
  font-weight:bold;
}
.rule{
  margin:30px auto 0;
  width:min(340px, 64vw);
  height:2px;
  background:linear-gradient(90deg, transparent, var(--lime), var(--cyan), transparent);
  box-shadow:0 0 12px rgba(184,243,74,.55);
}
.soon{
  margin-top:26px;
  font-size:clamp(19px, 4.4vw, 26px);
  letter-spacing:.30em;
  text-indent:.30em;
  color:var(--text);
}
.patent{
  margin-top:8px;
  font-size:11px;
  letter-spacing:.08em;
}
footer{
  margin-top:44px;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--muted);
}
footer a{color:var(--cyan); text-decoration:none}
footer a:hover, footer a:focus{text-decoration:underline}