/* Hero without rim; full-width glow */
.hero
{
    padding: 8rem 2rem;
    text-align: center;
    color: #e6f7ff;
    background:none; /* remove box background */
    box-shadow: none;        /* remove glow frame */
    border: none;            /* remove border */
    backdrop-filter: none;   /* no blur */
    max-width: none;
    margin: 0 auto;
}
.hero h1
{ 
  font-size: clamp(4rem, 3.5px, 3.4rem); 
  margin: 0 0 .5rem; 
  letter-spacing: .4px; 
    text-shadow:
    0 0 4px rgba(0, 200, 255, 0.6),
    0 0 8px rgba(0, 200, 255, 0.5),
    0 0 14px rgba(0, 180, 255, 0.4),
    0 0 24px rgba(0, 120, 255, 0.25);
    transition: text-shadow 0.3s ease, color 0.3s ease;
}
.hero::before
{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:100vw;
    height:100%;
    transform:translateX(-50%);
    background:radial-gradient(circle at 50% 40%,rgba(0,200,255,.18) 0%,
                                                 rgba(0,100,200,.10) 40%,
                                                 rgba(0,0,0,.9) 100%);
    pointer-events:none;
    z-index:-1
}
.hero p
{ 
    font-size: 2rem; 
    max-width: 1000ch; 
    color: var(--text); 
    margin: 0 0 2rem; 
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.178);
  z-index: -1;              /* below hero text, above page background */
  pointer-events: none;
}