/* EqForecast v2.103 — Home hero glass redesign.
   Visual-only overrides: no calculation, API or algorithm logic is changed. */

/* Let the Earth–Moon artwork breathe: less global dark overlay, more image detail. */
.hero.hero-photo{
  padding:32px 0 48px;
  min-height:auto;
}
.hero-photo-bg{
  background:
    linear-gradient(90deg,rgba(3,18,34,.20) 0%,rgba(3,18,34,.12) 27%,rgba(3,18,34,.035) 58%,rgba(3,18,34,.025) 100%),
    url('earth-moon-hero-v2.png') 52% center/cover no-repeat;
  filter:brightness(1.18) contrast(1.035) saturate(1.06);
}
.hero-grid{
  width:min(1360px,calc(100% - 64px));
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);
  gap:34px;
  align-items:start;
}
.hero-content{min-width:0;max-width:760px}
.hero h1{
  max-width:700px;
  font-size:clamp(2.75rem,4.15vw,4.45rem);
  text-shadow:0 3px 22px rgba(0,10,25,.60),0 1px 3px rgba(0,0,0,.7);
}
.hero-copy{
  max-width:625px;
  font-size:.91rem;
  line-height:1.48;
  margin:13px 0 14px;
  text-shadow:0 2px 10px rgba(0,8,20,.70);
}
.hero .eyebrow{text-shadow:0 2px 8px rgba(0,8,20,.62)}
.hero-actions{gap:8px}
.hero-actions .btn{padding:9px 13px}
.hero-actions .btn-primary{
  background:rgba(7,119,188,.70);
  border-color:rgba(150,224,249,.42);
  box-shadow:0 7px 22px rgba(0,19,40,.18);
  backdrop-filter:blur(12px) saturate(140%);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
}
.hero-actions .btn-primary:hover{background:rgba(7,119,188,.86)}
.hero-actions .btn-light{
  color:#fff;
  background:rgba(240,249,255,.10);
  border-color:rgba(224,245,255,.34);
  box-shadow:0 7px 22px rgba(0,19,40,.12);
  backdrop-filter:blur(14px) saturate(145%);
  -webkit-backdrop-filter:blur(14px) saturate(145%);
}
.hero-actions .btn-light:hover{background:rgba(240,249,255,.18);border-color:rgba(235,249,255,.52)}

/* GLASS 1 — latest updates: almost transparent, with readable type and no opaque rows. */
.hero-news-window{
  max-width:700px;
  min-height:0;
  margin-top:13px;
  border:1px solid rgba(210,239,255,.27);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(3,19,34,.24),rgba(5,28,48,.15));
  box-shadow:0 12px 34px rgba(0,9,24,.13),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.hero-news-head{
  height:30px;
  padding:0 11px;
  color:rgba(245,251,255,.96);
  border-bottom:1px solid rgba(216,240,252,.15);
  text-shadow:0 1px 5px rgba(0,0,0,.4);
}
.hero-news-head a{color:#8de6fb}
.premium-news-row{
  padding:7px 11px;
  background:transparent;
  border-top:1px solid rgba(196,229,247,.065);
}
.premium-news-row:first-of-type{border-top:0}
.premium-news-row:hover,.home-news-row:hover{background:rgba(151,220,247,.085)}
.premium-news-icon{
  width:26px;height:26px;border-radius:8px;
  background:rgba(113,201,236,.12);
  border:1px solid rgba(194,235,250,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.premium-news-copy small{color:#86e3f8;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.premium-news-copy b{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.46)}
.news-divider{height:21px;color:#a9c5d5}
.news-divider:before{background:rgba(201,230,246,.13)}
.news-divider span{background:rgba(5,26,44,.34);border-radius:999px;padding:1px 8px;backdrop-filter:blur(8px)}
.home-news-row{padding:5px 11px;border-top:1px solid rgba(193,226,244,.065);color:#edf7fc}
.home-news-main b{text-shadow:0 1px 5px rgba(0,0,0,.42)}
.home-news-main small{color:#aac0cf}
.home-news-index,.news-arrow{color:#88e1f5}

/* GLASS 2 — 72h gauge: translucent light/blue glass, not a white sheet. */
.gauge-card{
  width:100%;
  max-width:430px;
  justify-self:end;
  padding:16px 18px 15px;
  border-radius:24px;
  color:#f5fbff;
  background:linear-gradient(145deg,rgba(239,249,255,.18),rgba(153,211,238,.075));
  border:1px solid rgba(232,249,255,.36);
  box-shadow:0 16px 48px rgba(0,9,25,.16),inset 0 1px 0 rgba(255,255,255,.17);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.gauge-kicker{color:#bceeff;text-shadow:0 1px 5px rgba(0,0,0,.42)}
.gauge-title{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.48)}
.live-dot{
  background:rgba(226,248,255,.14);
  color:#d8f7ff;
  border:1px solid rgba(229,249,255,.26);
  backdrop-filter:blur(8px);
}
.gauge-wrap{height:166px}
.gauge-wrap svg{height:174px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}
#gauge-needle{stroke:#f2fbff!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}
.gauge-number{
  top:109px;
  min-width:84px;
  padding:4px 10px;
  background:rgba(239,249,255,.13);
  border:1px solid rgba(239,250,255,.25);
  box-shadow:0 6px 18px rgba(0,9,25,.13);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.gauge-number strong{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.48)}
.gauge-number span{color:#d5edf8}
.gauge-state{border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px)}
.gauge-state.green{background:rgba(69,190,132,.20);color:#e4fff1}
.gauge-state.yellow{background:rgba(238,183,62,.20);color:#fff3c9}
.gauge-state.red{background:rgba(236,94,88,.20);color:#ffe2df}
.gauge-meta-large,.gauge-meta-large b,.gauge-meta-large #gauge-updated,#gauge-window,.gauge-update-block small{color:#d6eaf4}
.gauge-explainer{
  color:#e1f0f7;
  background:rgba(2,17,30,.14);
  border:1px solid rgba(226,246,255,.10);
  border-top:1px solid rgba(228,247,255,.16);
  border-radius:11px;
  padding:8px 10px;
  margin-top:7px;
}
.gauge-explainer b{color:#fff}
.gauge-app-link,.gauge-more{color:#92e6fb}
.gauge-probability-help{
  margin-top:6px;
  background:rgba(230,248,255,.10);
  border-color:rgba(222,246,255,.25);
  color:#e1f8ff;
  backdrop-filter:blur(8px);
}
.gauge-probability-help:hover{background:rgba(230,248,255,.18)}
.scope-note-button{
  background:rgba(225,247,255,.13);
  color:#dff8ff;
  box-shadow:inset 0 0 0 1px rgba(226,247,255,.18);
}
.scope-note-button:hover,.scope-note-button:focus{background:rgba(225,247,255,.22);box-shadow:0 0 0 3px rgba(130,221,249,.12)}
.gauge-scope-note{
  background:rgba(3,22,38,.36);
  color:#e1f2f8;
  border-color:rgba(225,247,255,.18);
}
.gauge-scope-note b{color:#fff}
.gauge-store-buttons{gap:6px;margin:8px 0 3px}
.gauge-store-button{
  min-width:138px;
  padding:7px 9px;
  background:rgba(2,13,24,.38);
  border-color:rgba(226,246,255,.18);
  box-shadow:0 5px 14px rgba(0,8,20,.12);
  backdrop-filter:blur(10px);
}
.gauge-store-button:hover{background:rgba(2,13,24,.56)}
.seismo-strip{
  height:40px;
  margin-top:7px;
  background:rgba(2,14,26,.26);
  border-color:rgba(218,245,255,.14);
  backdrop-filter:blur(9px);
}
.seismo-grid{stroke:rgba(139,202,228,.22)}
.seismo-label{color:#a9d7e8}

/* Slim the overlap band too, so the hero image stays the visual protagonist. */
.trust-strip{margin-top:-24px}
.trust-card{
  border-color:rgba(191,221,237,.58);
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 30px rgba(8,35,64,.08);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
.trust-item{padding:16px 21px}

/* Desktop spacing tuned so the two glass panels stay compact and leave visible sky between them. */
@media(min-width:1180px){
  .hero.hero-photo{padding:28px 0 46px}
  .hero-grid{width:min(1380px,calc(100% - 70px));grid-template-columns:minmax(0,1.16fr) minmax(350px,.68fr);gap:42px}
  .hero-news-window{margin-top:12px}
  .premium-news-row{padding:7px 11px}
  .gauge-card{max-width:420px;padding:16px 18px 15px}
  .gauge-title{font-size:.88rem}
  .gauge-wrap{height:164px}.gauge-wrap svg{height:172px}
  .gauge-number{top:108px}
  .gauge-explainer{font-size:.67rem;line-height:1.42}
}
@media(min-width:1500px){
  .hero-grid{width:min(1440px,calc(100% - 86px));grid-template-columns:minmax(0,1.18fr) minmax(360px,.66fr);gap:54px}
  .gauge-card{max-width:425px}
}

/* Tablet/mobile: keep stronger glass for legibility while retaining the redesigned look. */
@media(max-width:1100px){
  .hero-grid{width:min(100% - 42px,920px);grid-template-columns:1fr;gap:22px}
  .hero-content{max-width:none}
  .hero-news-window{max-width:none}
  .gauge-card{max-width:620px;justify-self:start}
}
@media(max-width:760px){
  .hero.hero-photo{padding:40px 0 52px}
  .hero-photo-bg{
    background:linear-gradient(180deg,rgba(3,18,34,.21),rgba(3,18,34,.30)),url('earth-moon-hero-v2.png') 68% center/cover no-repeat;
    filter:brightness(1.13) contrast(1.03) saturate(1.04)
  }
  .hero-grid{width:min(100% - 24px,720px);gap:18px}
  .hero h1{font-size:clamp(2.45rem,13vw,3.15rem)}
  .hero-copy{font-size:.86rem}
  .hero-news-window{background:rgba(3,20,36,.45);backdrop-filter:blur(16px) saturate(135%)}
  .premium-news-row{padding:8px 10px}
  .gauge-card{max-width:none;background:rgba(214,239,250,.22);backdrop-filter:blur(20px) saturate(145%)}
  .gauge-wrap{height:205px}.gauge-wrap svg{height:205px}.gauge-number{top:145px}
  .gauge-explainer{font-size:.72rem;background:rgba(2,17,30,.24)}
  .trust-strip{margin-top:-20px}
  .trust-card{background:rgba(255,255,255,.90)}
}

/* Graceful fallback if backdrop-filter is unavailable. */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .hero-news-window{background:rgba(4,24,42,.68)}
  .gauge-card{background:rgba(20,56,82,.78)}
}