/* LAUNCHER — HEADER / HERO / LAYOUT */
/* ---------- HEADER ---------- */
  header{
    position:fixed;
    top:0; left:0; right:0;
    height:76px;
    display:flex;
    align-items:center;
    padding:0 48px;
    z-index:100;
    background:rgba(245,243,239,0);
    border-bottom:1px solid transparent;
    transition:background .3s ease, border-color .3s ease;
  }
  header.scrolled{
    background:rgba(245,243,239,.92);
    backdrop-filter:blur(8px);
    border-color:var(--line);
  }
  .header-brand{
    display:flex;
    align-items:center;
    gap:4px;
  }
  .header-rocket{
    width:34px;
    height:34px;
    object-fit:contain;
    transform:rotate(-35deg);
    opacity:0;
    transition:opacity .3s ease, transform .5s ease;
    display:block;
  }
  .header-brand.visible .header-rocket{
    opacity:1;
  }
  .header-brand.visible:hover .header-rocket{
    transform:rotate(325deg);
  }
  .brand-logo-img{
    height: 36px;
    object-fit: contain;
    display: block;
  }
  .header-nav{
    margin-left:auto;
    display:flex;
    gap:36px;
    font-size:14px;
    letter-spacing:.02em;
  }
  .header-nav a{
    color:var(--ink);
    text-decoration:none;
    opacity:.75;
  }
  .header-nav a:hover{opacity:1;}

  .nav-toggle{
    display:none;
    margin-left:auto;
    background:none;
    border:none;
    width:32px;
    height:32px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:6px;
    cursor:pointer;
    z-index:110;
  }
  .nav-toggle span{
    display:block;
    width:24px;
    height:2px;
    background:var(--ink);
    transition:transform .25s ease, opacity .25s ease;
  }
  .nav-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }

  /* ---------- ROCKET (shared across hero + header via fixed positioning) ---------- */
  #rocket-wrap{
    position:fixed;
    z-index:90;
    will-change:transform, top, left, width, height;
    pointer-events:none;
  }
  #rocket-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    transform-origin:50% 50%;
  }

  /* ---------- HERO ---------- */
  .hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:0 6vw;
    gap:4vw;
    position:relative;
  }
  .hero-rocket-spacer{
    flex:0 0 38%;
    max-width:520px;
    aspect-ratio:1/1.3;
    position:relative;
  }
  .hero-text{
    flex:1;
    max-width:620px;
  }
  .eyebrow{
    font-size:13px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--blue-light);
    font-weight:600;
    margin-bottom:22px;
    display:block;
  }
  h1{
    font-family:'Syne',sans-serif;
    font-weight:800;
    font-size:clamp(40px, 5.4vw, 76px);
    line-height:1.02;
    letter-spacing:-.01em;
    margin-bottom:26px;
  }
  h1 em{
    font-style:normal;
    color:var(--blue-light);
  }
  .hero-text p{
    font-size:18px;
    line-height:1.6;
    color:var(--muted);
    max-width:480px;
    margin-bottom:36px;
  }
  .cta-row{
    display:flex;
    gap:16px;
    align-items:center;
  }
  .btn{
    font-family:'Inter',sans-serif;
    font-weight:500;
    font-size:15px;
    padding:14px 28px;
    border-radius:999px;
    text-decoration:none;
    transition:transform .2s ease, opacity .2s ease;
    display:inline-block;
  }
  .btn-primary{
    background:var(--ink);
    color:var(--bg);
  }
  .btn-primary:hover{transform:translateY(-2px);}
  .btn-ghost{
    color:var(--ink);
    opacity:.7;
  }
  .btn-ghost:hover{opacity:1;}

  /* ---------- BODY SECTIONS (filler so scroll works) ---------- */
  section.content{
    padding:120px 6vw;
    max-width:900px;
  }
  section.content h2{
    font-family:'Syne',sans-serif;
    font-weight:700;
    font-size:34px;
    margin-bottom:18px;
  }
  section.content p{
    color:var(--muted);
    font-size:17px;
    line-height:1.7;
    max-width:560px;
  }
  .divider{
    height:1px;
    background: linear-gradient(to right, transparent, var(--line), transparent);
    margin:0 6vw;
    opacity: 0.8;
  }

  @media (max-width:860px){
    .hero{flex-direction:column;justify-content:center;text-align:center;padding-top:120px;}
    .hero-rocket-spacer{flex:0 0 auto;width:60%;max-width:280px;margin-bottom:20px;}
    .hero-text p{margin-left:auto;margin-right:auto;}
    .cta-row{justify-content:center;}
    header{padding:0 20px;}

    .nav-toggle{display:flex;}
    .header-nav{
      position:fixed;
      top:76px; left:0; right:0;
      flex-direction:column;
      gap:0;
      background:var(--bg);
      border-top:1px solid var(--line);
      max-height:0;
      overflow:hidden;
      transition:max-height .3s ease;
      margin-left:0;
    }
    .header-nav.open{ max-height:340px; }
    .header-nav a{
      padding:16px 24px;
      border-bottom:1px solid var(--line);
      opacity:1;
      width:100%;
    }
  }