/* Slightly larger, balanced hero panel with centered typography. */
#top>.hero>.hero-inner{
  width:min(1040px,calc(100% - 48px));
  max-width:1040px;
  margin-inline:auto;
  padding:clamp(30px,4.1vw,50px) clamp(26px,5.2vw,62px);
  text-align:center;
  border:1px solid rgba(255,255,255,.88);
  border-radius:36px;
  background:linear-gradient(145deg,rgba(255,255,255,.92) 0%,rgba(246,252,255,.86) 46%,rgba(221,239,249,.78) 100%);
  box-shadow:0 38px 90px rgba(10,48,77,.27),0 18px 38px rgba(18,85,121,.19),0 5px 12px rgba(10,48,77,.11),inset 0 3px 0 rgba(255,255,255,.99),inset 0 -3px 0 rgba(57,112,145,.19),inset 0 0 0 1px rgba(255,255,255,.38);
  transform:perspective(1200px) translateY(-2px);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);
  backdrop-filter:blur(12px) saturate(1.22);
  transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-radius .32s ease;
}
#top>.hero>.hero-inner h1{
  text-shadow:0 1px 0 rgba(255,255,255,.86),0 2px 0 rgba(28,77,112,.12),0 5px 13px rgba(17,57,91,.15);
}
html[data-theme="dark"] #top>.hero>.hero-inner{
  background:linear-gradient(145deg,rgba(31,53,70,.96) 0%,rgba(23,42,57,.94) 48%,rgba(16,33,47,.93) 100%);
  border-color:rgba(191,221,236,.25);
  box-shadow:0 38px 90px rgba(0,0,0,.42),0 18px 38px rgba(0,0,0,.27),inset 0 3px 0 rgba(255,255,255,.17),inset 0 -3px 0 rgba(0,0,0,.22);
}
html[data-theme="dark"] #top>.hero>.hero-inner h1{
  text-shadow:0 1px 0 rgba(255,255,255,.18),0 3px 0 rgba(0,0,0,.14),0 8px 18px rgba(0,0,0,.38);
}
#top>.hero>.hero-inner h1{
  max-width:100%;
  margin:0 auto 20px;
  font-size:clamp(42px,6.15vw,72px);
  line-height:1.08;
  letter-spacing:-.042em;
  text-align:center;
  text-wrap:balance;
}
#top>.hero>.hero-inner>p{
  max-width:760px;
  margin:0 auto;
  font-size:clamp(18px,2.1vw,21px);
  line-height:1.6;
  text-align:center;
  text-wrap:balance;
}
@media(max-width:850px){
  #top>.hero>.hero-inner{width:calc(100% - 40px);padding:clamp(26px,5vw,40px) clamp(22px,4.5vw,38px)}
  #top>.hero>.hero-inner h1{font-size:clamp(39px,7.3vw,60px)}
}
@media(max-width:600px){
  #top>.hero>.hero-inner{width:calc(100% - 32px);padding:25px 19px;border-radius:28px}
  #top>.hero>.hero-inner h1{font-size:clamp(34px,9vw,48px);line-height:1.12;letter-spacing:-.035em;margin-bottom:15px}
  #top>.hero>.hero-inner>p{max-width:32ch;font-size:16px;line-height:1.55}
}
@media(prefers-reduced-motion:reduce){#top>.hero>.hero-inner{transition:none!important}}

/* Thin, vivid cyan neon rails appear at the top and bottom on hover/focus, then fade smoothly. */
#top>.hero>.hero-inner{isolation:isolate;overflow:hidden}
#top>.hero>.hero-inner::before,
#top>.hero>.hero-inner::after{content:"";position:absolute;z-index:4;left:clamp(18px,3.2vw,42px);right:clamp(18px,3.2vw,42px);height:4px;border-radius:999px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(79,222,255,.48) 7%,#20d8ff 25%,#e1fbff 50%,#20d8ff 75%,rgba(79,222,255,.48) 93%,transparent 100%);box-shadow:0 0 7px rgba(55,211,255,1),0 0 17px rgba(42,195,255,.96),0 0 34px rgba(27,156,244,.78),0 0 56px rgba(21,148,246,.45),inset 0 0 5px #fff;transition:opacity .72s cubic-bezier(.2,.7,.25,1),filter .72s ease,box-shadow .72s ease}
#top>.hero>.hero-inner::before{top:0}
#top>.hero>.hero-inner::after{bottom:0}
#top>.hero>.hero-inner:is(:hover,:focus-within)::before,
#top>.hero>.hero-inner:is(:hover,:focus-within)::after{opacity:1;filter:brightness(1.55) saturate(1.25);box-shadow:0 0 9px #4fe5ff,0 0 22px rgba(42,207,255,1),0 0 46px rgba(27,156,244,.9),0 0 70px rgba(21,148,246,.58),inset 0 0 7px #fff}
#top>.hero>.hero-inner>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#top>.hero>.hero-inner::before,#top>.hero>.hero-inner::after{transition:none!important}}