/* Minimal landing page with 10% gradient underline */
:root{
  --bg:#ffffff; --ink:#111; --muted:#666; --line:#e5e5e5;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
line-height:1.6}
.wrap{max-width:900px;margin:0 auto;padding:32px 20px;
display:flex;flex-direction:column;align-items:center;min-height:100dvh}
.title{font-size:48px;font-weight:700;letter-spacing:.5px;margin-top:8px}
.hero{margin:24px 0 8px}
.hero img{width:360px;max-width:80vw;height:auto;display:block;border:1px solid var(--line);border-radius:8px}
.lines{margin:8px 0 16px;text-align:center}
.lines p{margin:8px 0;font-size:28px}

.foot{
  margin-top:auto;
  color:var(--muted);
  text-align:center;
  border-top:1px solid var(--line);
  padding-top:16px;
  font-size:14px;
  position:relative;
  display:inline-block;
}
.foot::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#9945FF,#14F195,#00BBFF);
  opacity:0.10; /* 10% opacity: ultra subtle */
  border-radius:2px;
}
@media(max-width:520px){
  .title{font-size:40px}
  .lines p{font-size:24px}
  .hero img{width:300px}
}