/* FARAZ PILOT FINAL — HOME + MOBILE */

/* Desktop refinements */
.hero-copy h1{
  font-size:clamp(29px,2.65vw,38px)!important;
  line-height:1.72!important;
  max-width:760px!important;
}
.hero-lead{
  line-height:2.05!important;
  max-width:760px!important;
}
.hero-panel{
  padding:27px!important;
}
.hero-panel-title{
  font-size:19px!important;
  margin-bottom:12px!important;
}
.feature-row{
  padding:16px 0!important;
  gap:14px!important;
}
.feature-row strong{
  font-size:15px!important;
  line-height:1.8!important;
}
.feature-row small{
  font-size:12.5px!important;
  line-height:1.95!important;
}
.brand-copy strong{
  font-size:18px!important;
  font-weight:700!important;
}
.brand-copy small{
  font-size:11.5px!important;
}
.brand-mark{
  transform:scale(1.06);
}

/* Mobile homepage: real hero treatment, not a shrunk desktop */
@media(max-width:700px){
  .site-header{
    position:relative!important;
    z-index:20!important;
  }
  .header-inner{
    min-height:68px!important;
    gap:10px!important;
  }
  .brand{
    gap:8px!important;
  }
  .brand-mark{
    transform:scale(.96);
  }
  .brand-copy strong{
    font-size:16px!important;
  }
  .main-site-link{
    font-size:11.5px!important;
    padding:8px 9px!important;
    white-space:nowrap!important;
  }

  .hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    min-height:0!important;
    padding:24px 18px 18px!important;
    gap:18px!important;
    background-position:58% center!important;
    border-radius:14px!important;
  }
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(5,20,32,.54),rgba(5,20,32,.86) 58%,rgba(5,20,32,.94));
    pointer-events:none;
  }
  .hero-copy,
  .hero-panel{
    position:relative!important;
    z-index:2!important;
  }
  .hero-copy{
    padding-top:2px!important;
  }
  .hero-copy h1{
    font-size:25px!important;
    line-height:1.8!important;
    max-width:none!important;
    margin:8px 0 11px!important;
  }
  .hero-lead{
    font-size:13.5px!important;
    line-height:2!important;
    max-width:none!important;
  }
  .hero-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-top:17px!important;
  }
  .hero-actions .btn{
    width:100%!important;
    justify-content:center!important;
    min-height:48px!important;
  }
  .time-chip{
    width:100%!important;
    text-align:center!important;
    font-size:11.5px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
  }
  .hero-panel{
    width:100%!important;
    padding:17px!important;
    background:rgba(8,31,48,.78)!important;
    backdrop-filter:blur(7px)!important;
  }
  .hero-panel-title{
    font-size:16px!important;
    margin-bottom:4px!important;
  }
  .feature-row{
    padding:12px 0!important;
  }
  .feature-icon{
    min-width:36px!important;
    width:36px!important;
    height:36px!important;
    font-size:11px!important;
  }
  .feature-row strong{
    font-size:13.5px!important;
  }
  .feature-row small{
    font-size:11.5px!important;
    line-height:1.9!important;
  }

  .trust-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .trust-strip>div{
    min-height:auto!important;
    padding:17px!important;
  }
  .trust-strip strong{
    font-size:14px!important;
  }
  .trust-strip span{
    font-size:12.5px!important;
    line-height:1.9!important;
  }
}