/* Reputation Elites v7: logo + homepage hero refinement */
.site-header{
  background:rgba(6,10,18,.88)!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.16)!important;
}
.nav{height:88px!important;gap:16px!important;}
.brand{min-width:292px!important;}
.brand img{width:276px!important;max-height:70px!important;object-fit:contain!important;}
.nav-links{gap:4px!important;}
.nav-links a{font-size:14px!important;padding:10px 11px!important;}
.nav-links .member-link{
  background:rgba(63,211,181,.10)!important;
  border:1px solid rgba(63,211,181,.30)!important;
  color:#dffdf6!important;
}
.nav-actions .btn{padding:15px 22px!important;}

.hero.hero-v7{
  min-height:0!important;
  padding:0!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(63,211,181,.34),transparent 32%),
    radial-gradient(circle at 14% 12%,rgba(113,87,255,.34),transparent 34%),
    radial-gradient(circle at 53% 82%,rgba(213,158,44,.18),transparent 38%),
    linear-gradient(135deg,#050914 0%,#071426 52%,#082e35 100%)!important;
}
.hero.hero-v7:before{opacity:.42!important;}
.hero.hero-v7:after{opacity:.20!important;}
.hero.hero-v7 .hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;
  gap:52px!important;
  align-items:center!important;
  padding-top:78px!important;
  padding-bottom:68px!important;
}
.hero.hero-v7 h1{
  font-size:clamp(44px,5.15vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  max-width:680px!important;
}
.hero.hero-v7 .lead{
  font-size:19px!important;
  line-height:1.66!important;
  max-width:640px!important;
  color:#d8e6f6!important;
  margin:22px 0 28px!important;
}
.hero.hero-v7 .eyebrow{
  max-width:650px!important;
  white-space:normal!important;
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.075)!important;
}
.hero.hero-v7 .hero-actions{margin-bottom:26px!important;}
.hero.hero-v7 .hero-actions .btn{padding:16px 20px!important;}
.hero.hero-v7 .proof-strip{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:620px!important;
}
.hero.hero-v7 .proof-pill{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.hero-v7 .hero-visual{min-height:560px!important;position:relative!important;}
.hero-showcase{
  position:relative;
  isolation:isolate;
  min-height:548px;
}
.hero-showcase::before{
  content:"";
  position:absolute;
  inset:36px 20px 10px 36px;
  border-radius:40px;
  background:linear-gradient(135deg,rgba(63,211,181,.18),rgba(113,87,255,.18));
  filter:blur(30px);
  z-index:-1;
}
.hero-device{
  position:absolute;
  right:18px;
  top:28px;
  width:min(100%,540px);
  border-radius:36px;
  background:rgba(255,255,255,.94);
  color:#07111f;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 34px 100px rgba(0,0,0,.38);
  overflow:hidden;
}
.hero-photo{
  min-height:198px;
  background:
    linear-gradient(180deg,rgba(5,9,20,.12),rgba(5,9,20,.50)),
    url('https://images.unsplash.com/photo-1551601651-2a8555f1a136?auto=format&fit=crop&w=1400&q=82') center/cover no-repeat;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:22px;
}
.hero-photo .badge{backdrop-filter:blur(12px);background:rgba(255,255,255,.82);}
.hero-device-body{padding:22px;}
.hero-profile-row{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;}
.hero-profile-row .profile-avatar{width:78px;height:78px;font-size:27px;}
.hero-profile-row h3{font-size:32px!important;letter-spacing:-.055em;margin:8px 0 4px;}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;}
.hero-metric{background:#f8fafc;border:1px solid rgba(7,17,31,.08);border-radius:18px;padding:14px;}
.hero-metric strong{display:block;font-size:24px;letter-spacing:-.05em;}
.hero-metric span{font-size:12px;font-weight:900;color:#69768a;}
.hero-insight{
  margin-top:14px;
  border-radius:20px;
  padding:15px;
  color:white;
  background:linear-gradient(135deg,#07111f,#0b2741 62%,#0e514d);
}
.hero-insight h4{font-size:20px;margin:6px 0 6px;}
.hero-insight p{color:#dbeafe!important;margin:0!important;font-size:14px!important;line-height:1.45!important;}
.floating-panel{
  position:absolute;
  z-index:3;
  width:240px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  color:#07111f;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.floating-panel small{font-weight:950;color:#0d7565;text-transform:uppercase;letter-spacing:.08em;font-size:10px;}
.floating-panel h4{font-size:20px;margin:5px 0 4px;letter-spacing:-.04em;}
.floating-panel p{color:#5c687b!important;margin:0!important;font-size:13px!important;line-height:1.45!important;}
.floating-panel.panel-left{left:0;top:98px;}
.floating-panel.panel-bottom{left:36px;bottom:50px;width:278px;}
.member-mini{
  position:absolute;
  right:0;
  bottom:18px;
  width:300px;
  border-radius:28px;
  padding:18px;
  background:linear-gradient(135deg,rgba(7,17,31,.96),rgba(13,43,60,.96));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.member-mini h4{font-size:22px;color:#fff;margin:0 0 12px;}
.member-mini ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.member-mini li{display:flex;gap:8px;color:#d7e4f4;font-weight:800;font-size:13px;}
.member-mini li:before{content:"✓";color:#3fd3b5;font-weight:950;}

@media(max-width:1180px){
  .brand{min-width:250px!important;}.brand img{width:244px!important;}
  .nav-links a{padding:9px 9px!important;font-size:13px!important;}
  .nav-actions .btn{padding:14px 18px!important;}
  .hero.hero-v7 .hero-grid{grid-template-columns:1fr!important;gap:34px!important;padding-top:64px!important;}
  .hero-v7 .hero-visual{min-height:600px!important;}
  .hero-device{left:50%;right:auto;transform:translateX(-50%);}
}
@media(max-width:820px){
  .nav{height:76px!important;}.brand{min-width:0!important;}.brand img{width:214px!important;}
  .hero.hero-v7 h1{font-size:clamp(42px,12vw,58px)!important;}
  .hero.hero-v7 .proof-strip{grid-template-columns:1fr!important;}
  .hero-v7 .hero-visual{min-height:auto!important;}
  .hero-showcase{min-height:0;padding-bottom:20px;}
  .hero-device,.floating-panel,.member-mini{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;margin-top:16px;}
  .hero-photo{min-height:170px;}
  .hero-metrics{grid-template-columns:1fr!important;}
}