/* HubCore Vibes launch polish */
html { scroll-padding-top: 78px; }
body { overflow-x: hidden; }
.section, .investor-section { padding-top: 72px !important; padding-bottom: 72px !important; }

/* Desktop navigation */
.nav { gap: 18px; padding: 12px 4% !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; }
.nav .menu { display: none !important; }
.brand { flex: 0 0 auto; min-width: max-content; gap: 7px !important; }
.brand-mark { width: 26px !important; height: 26px !important; }
.launch-nav { display: flex !important; align-items: center !important; justify-content: flex-end; flex: 1 1 auto; min-width: 0; gap: clamp(8px,1.15vw,18px); flex-wrap: nowrap !important; white-space: nowrap; }
.launch-nav a { flex: 0 0 auto; font-size: clamp(.54rem,.72vw,.72rem) !important; }
.launch-nav .nav-cta { padding: 8px 11px !important; }

/* Hero */
.launch-hero { min-height: auto !important; padding-top: 54px !important; padding-bottom: 54px !important; grid-template-columns: 1fr .78fr !important; }
.launch-hero h1 { font-size: clamp(2.65rem,6vw,5.6rem) !important; }
.hero-tagline { margin: 18px 0 8px; font-family: "Space Grotesk",sans-serif; font-size: clamp(1.15rem,2.3vw,2rem); line-height: 1.05; letter-spacing: .04em; color: #efe5ff; }
.hero-tagline strong { color:#fff; }
.launch-hero .hero-art { min-height: 430px !important; }
.launch-hero .lead { max-width: 690px; }

/* Founder */
#founder.founder-launch { align-items: center !important; gap: 42px !important; }
#founder .portrait-only { width: min(320px,76vw) !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; display: block !important; overflow: visible !important; }
#founder .portrait-only img,
#profileImage { display:block !important; width:100% !important; height:auto !important; aspect-ratio:1/1 !important; object-fit:cover !important; object-position:center center !important; border-radius:24px !important; border:1px solid var(--line-strong) !important; background:#000 !important; box-shadow:0 20px 55px rgba(5,3,14,.38) !important; opacity:1 !important; filter:none !important; transform:none !important; visibility:visible !important; content:url("assets/founder/file_00000000019082108a29ceb1694668cd.png?v=founder0901final"); }
.founder-story { max-width:760px; margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.founder-story h3 { margin:0 0 12px; font-size:1.25rem; }
.founder-story p { color:var(--muted); margin:0 0 12px; }
.founder-signoff { color:var(--text) !important; font-weight:700; }

/* Reality Switch preview */
.clean-trailer { align-items:center !important; }
#reality .trailer-player { min-height:380px !important; border-radius:24px !important; overflow:hidden !important; }
#reality .trailer-player video { width:100% !important; min-height:380px !important; height:100% !important; object-fit:cover !important; object-position:center !important; }
#reality .trailer-card, #reality .trailer-vignette { display:none !important; }
#reality .trailer-play { left:16px !important; bottom:16px !important; top:auto !important; right:auto !important; transform:none !important; }

/* Real reach */
.reach-section .counter-grid { margin-top:28px; }
.live-reach-note { margin:14px 0 0; color:var(--muted); font-size:.8rem; }

/* Investor area */
.investor-section { position:relative; max-width:var(--max); margin:0 auto; padding-inline:5%; }
.investor-layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:30px; align-items:start; }
.investor-copy, .investor-form-card { border:1px solid var(--line); border-radius:26px; background:linear-gradient(180deg,rgba(25,16,40,.88),rgba(10,8,18,.9)); }
.investor-copy { padding:32px; }
.investor-copy h2 { margin:0 0 16px; font-size:clamp(2rem,4.6vw,3.8rem); }
.investor-copy p { color:var(--muted); }
.investor-points { display:grid; gap:10px; margin-top:22px; }
.investor-points span { padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.investor-form-card { padding:26px; }
.investor-form { display:grid; gap:15px; }
.investor-form .field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.investor-form label { display:grid; gap:7px; font-size:.78rem; color:var(--muted); font-weight:700; }
.investor-form input,.investor-form select,.investor-form textarea { width:100%; border:1px solid var(--line); border-radius:14px; padding:13px 14px; background:rgba(255,255,255,.04); color:var(--text); font:inherit; }
.investor-form select option { color:#111; }
.investor-consent { display:flex !important; align-items:flex-start; gap:10px !important; font-weight:500 !important; }
.investor-consent input { width:auto; margin-top:4px; }
.investor-status { min-height:24px; color:var(--muted); font-size:.88rem; }
.investor-status.success { color:#b6ffcf; }
.investor-status.error { color:#ffb9c3; }
.investor-privacy { font-size:.72rem; color:var(--muted); margin:0; }

@media (max-width:980px) {
  .launch-nav { gap:8px !important; overflow-x:auto; scrollbar-width:none; justify-content:flex-start; }
  .launch-nav::-webkit-scrollbar { display:none; }
  .launch-nav a { font-size:.58rem !important; }
  .launch-hero { grid-template-columns:1fr 1fr !important; gap:18px !important; padding-inline:18px !important; }
  .launch-hero .hero-art { min-height:330px !important; }
  .investor-layout { grid-template-columns:1fr; }
}

/* Phone: two-level sticky TOP navigation. Brand stays on top; every section action sits directly below it. */
@media (max-width:640px) {
  html { scroll-padding-top:112px; }
  body { padding-bottom:0 !important; }

  .nav {
    position:sticky !important;
    top:0 !important;
    z-index:2000 !important;
    min-height:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    gap:0 !important;
    background:rgba(7,5,13,.985) !important;
    border-bottom:1px solid rgba(185,126,255,.28) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.35) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    filter:none !important;
    transform:none !important;
    overflow:visible !important;
  }
  .brand {
    width:100% !important;
    min-height:54px !important;
    padding:10px 14px !important;
    display:flex !important;
    align-items:center !important;
    font-size:.95rem !important;
    gap:8px !important;
  }
  .brand-mark { width:26px !important; height:26px !important; }

  .launch-nav {
    position:relative !important;
    z-index:1 !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin:0 !important;
    width:100% !important;
    max-width:none !important;
    height:54px !important;
    padding:6px 10px 8px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
    background:rgba(11,8,22,.98) !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .launch-nav::-webkit-scrollbar { display:none; }
  .launch-nav a,
  .launch-nav .nav-cta {
    position:relative !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    margin:0 !important;
    padding:9px 11px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:11px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    background:rgba(255,255,255,.045) !important;
    color:rgba(255,255,255,.82) !important;
    font-size:.57rem !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
    text-align:center !important;
    scroll-snap-align:start;
  }
  .launch-nav a.active { background:rgba(143,77,255,.28) !important; border-color:rgba(169,116,255,.62) !important; color:#fff !important; }
  .launch-nav a.active::after { display:none !important; }
  .launch-nav .nav-cta { background:linear-gradient(135deg,rgba(125,72,255,.32),rgba(89,204,255,.16)) !important; border-color:rgba(157,107,255,.48) !important; }

  .section,.investor-section { padding:54px 18px !important; }
  .launch-hero { grid-template-columns:1fr !important; padding:34px 18px 44px !important; gap:16px !important; }
  .launch-hero h1 { font-size:clamp(2.7rem,13vw,4rem) !important; line-height:.94; }
  .hero-tagline { font-size:1.1rem !important; margin-top:18px; }
  .launch-hero .lead { font-size:.98rem !important; line-height:1.55; margin-top:16px; }
  .actions { gap:9px; margin-top:22px; }
  .btn { min-height:46px; padding:12px 15px; font-size:.66rem; }
  .launch-hero .hero-art { min-height:290px !important; }
  .orbital { width:min(330px,82vw) !important; }

  .two-col,.platform-grid,.sync-section,.ai,.video-section,.gallery { grid-template-columns:1fr !important; }
  .section h2 { font-size:clamp(2.25rem,11vw,3.4rem) !important; }
  .two-col { gap:16px !important; }
  .pills { gap:9px !important; }

  #founder.founder-launch { grid-template-columns:1fr !important; gap:24px !important; }
  #founder .portrait-only { width:min(320px,88vw) !important; margin:0 auto !important; }
  #founder .portrait-only img,#profileImage { width:100% !important; height:auto !important; aspect-ratio:1/1 !important; max-height:none !important; object-fit:cover !important; object-position:center center !important; background:#000 !important; content:url("assets/founder/file_00000000019082108a29ceb1694668cd.png?v=founder0901final") !important; }
  .founder-details { text-align:left !important; }
  .founder-details h2 { font-size:clamp(2.4rem,11vw,3.5rem) !important; }
  .founder-story p { font-size:.94rem; line-height:1.6; }

  .counter-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  #reality .trailer-player,#reality .trailer-player video { min-height:230px !important; }
  .investor-form .field-row { grid-template-columns:1fr; }
  .investor-copy,.investor-form-card { padding:20px; border-radius:20px; }
}