:root{
    --deep:      #051428;
    --trench:    #071c38;
    --navy:      #0c3466;
    --ocean:     #145a9e;
    --aqua:      #2f9bc9;
    --foam:      #a9e6df;
    --pearl:     #eef8fb;
    --gleam:     #f2cf8e;
    --ink:       #06172c;
    --line:      rgba(169,230,223,0.18);
    --shadow:    0 20px 60px rgba(2,12,26,0.45);
  }
  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
    font-family:'Manrope', sans-serif;
    background:var(--deep);
    color:var(--pearl);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    min-height:100vh;
  }
  h1,h2,h3,.display{ font-family:'Fraunces', serif; font-weight:600; letter-spacing:-0.01em; }
  a{ color:inherit; text-decoration:none; }
  ul{ list-style:none; }
  button{ font-family:inherit; cursor:pointer; border:none; background:none; }
  img,svg{ display:block; max-width:100%; }
  ::selection{ background:var(--gleam); color:var(--ink); }

  .eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    font-size:0.72rem; letter-spacing:0.28em; text-transform:uppercase;
    color:var(--gleam); font-weight:700; justify-content:center;
  }
  .eyebrow::before{ content:""; width:26px; height:1px; background:var(--gleam); display:inline-block; }

  .wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }

  /* ---------- NAV (matches index.html) ---------- */
  header.nav{
    position:fixed; top:0; left:0; right:0; z-index:1000;
    padding:18px 0;
    transition:background .4s ease, padding .4s ease, box-shadow .4s ease;
  }
  header.nav.scrolled{
    background:rgba(5,20,40,0.88);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    padding:12px 0; box-shadow:0 10px 30px rgba(0,0,0,0.25);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{ display:flex; align-items:center; justify-content:space-between; }
  .logo{ display:flex; align-items:center; gap:10px; font-family:'Fraunces', serif; font-weight:700; font-size:1.2rem; letter-spacing:0.03em; }
  .logo-img{
    width:34px; height:34px; border-radius:50%; flex:none; object-fit:cover;
    box-shadow:0 0 0 2px rgba(169,230,223,0.35), 0 4px 14px rgba(20,90,158,0.5);
  }
  .logo small{ display:block; font-family:'Manrope',sans-serif; font-weight:600; font-size:0.6rem; letter-spacing:0.1em; color:var(--foam); text-transform:uppercase; }
  footer .logo-img{ width:40px; height:40px; }

  nav.links{ display:flex; gap:6px; align-items:center; }
  nav.links a{
    padding:9px 16px; font-size:0.82rem; font-weight:600; letter-spacing:0.01em;
    color:var(--foam); border-radius:999px; transition:color .3s ease, background .3s ease;
  }
  nav.links a:hover{ color:var(--pearl); background:rgba(169,230,223,0.08); }
  nav.links a.active{ color:var(--ink); background:var(--gleam); }
  nav.links a.cta{ background:var(--aqua); color:var(--pearl); box-shadow:0 6px 20px rgba(47,155,201,0.4); }
  nav.links a.cta:hover{ background:var(--ocean); }

  .burger{
    display:none; width:40px; height:40px; border-radius:50%;
    background:rgba(169,230,223,0.1); align-items:center; justify-content:center;
    flex-direction:column; gap:5px;
  }
  .burger span{ width:18px; height:2px; background:var(--pearl); border-radius:2px; transition:.3s; }
  .burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .burger.open span:nth-child(2){ opacity:0; }
  .burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  /* ---------- STATUS HERO ---------- */
  #status{
    position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden;
    background:
      radial-gradient(ellipse 120% 60% at 50% 0%, #1c6ba8 0%, transparent 60%),
      linear-gradient(180deg, #0d3f74 0%, #082347 55%, var(--deep) 100%);
    padding:150px 0 90px;
  }
  .sun-glow{
    position:absolute; top:-10%; left:50%; transform:translateX(-50%);
    width:900px; height:900px;
    background:radial-gradient(circle, rgba(242,207,142,0.22) 0%, rgba(242,207,142,0) 65%);
    filter:blur(10px); pointer-events:none;
  }
  .bubbles{ position:absolute; inset:0; pointer-events:none; }
  .bubble{
    position:absolute; bottom:-40px; border-radius:50%;
    background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.55), rgba(169,230,223,0.05));
    border:1px solid rgba(255,255,255,0.25); animation:rise linear infinite;
  }
  @keyframes rise{
    0%{ transform:translateY(0) translateX(0); opacity:0; }
    10%{ opacity:0.8; } 90%{ opacity:0.5; }
    100%{ transform:translateY(-115vh) translateX(20px); opacity:0; }
  }

  .status-inner{ position:relative; z-index:2; width:100%; text-align:center; }

  .lock-badge{
    width:88px; height:88px; margin:0 auto; border-radius:50%;
    background:linear-gradient(155deg, rgba(255,255,255,0.1), rgba(7,28,56,0.4));
    border:1px solid var(--line); display:flex; align-items:center; justify-content:center;
    box-shadow:var(--shadow);
  }
  .lock-badge svg{ width:34px; height:34px; stroke:var(--gleam); fill:none; stroke-width:1.7; }

  .status-title{
    font-size:clamp(2.2rem, 6vw, 3.6rem); line-height:1.08; color:var(--pearl);
    text-shadow:0 10px 50px rgba(0,0,0,0.35); margin-top:26px;
  }
  .status-title em{ font-style:italic; color:var(--gleam); }
  .status-sub{ max-width:560px; margin:20px auto 0; font-size:1.02rem; line-height:1.75; color:rgba(238,248,251,0.82); }

  .status-pill{
    display:inline-flex; align-items:center; gap:8px; margin-top:26px;
    padding:9px 20px; border-radius:999px;
    background:rgba(242,207,142,0.1); border:1px solid rgba(242,207,142,0.32);
    font-size:0.78rem; font-weight:700; color:var(--gleam); letter-spacing:0.03em;
  }
  .status-pill i{ width:8px; height:8px; border-radius:50%; background:var(--gleam); display:inline-block; animation:pulse 1.6s ease-in-out infinite; }
  @keyframes pulse{ 0%,100%{ opacity:1; transform:scale(1);} 50%{ opacity:0.4; transform:scale(0.7);} }

  .status-actions{ display:flex; gap:16px; justify-content:center; margin-top:38px; flex-wrap:wrap; }
  .btn{
    padding:15px 30px; border-radius:999px; font-weight:700; font-size:0.88rem; letter-spacing:0.02em;
    transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
    display:inline-flex; align-items:center; gap:8px;
  }
  .btn-primary{ background:var(--gleam); color:var(--ink); box-shadow:0 10px 30px rgba(242,207,142,0.35); }
  .btn-primary:hover{ transform:translateY(-3px); box-shadow:0 16px 40px rgba(242,207,142,0.5); }
  .btn-ghost{ background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.3); color:var(--pearl); }
  .btn-ghost:hover{ background:rgba(255,255,255,0.16); transform:translateY(-3px); }
  .btn svg{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; }

  /* info steps */
  .steps{
    position:relative; z-index:2; max-width:760px; margin:70px auto 0;
    display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  }
  .step-card{
    background:linear-gradient(155deg, rgba(255,255,255,0.06), rgba(7,28,56,0.3));
    border:1px solid var(--line); border-radius:20px; padding:24px 20px; text-align:left;
    backdrop-filter:blur(6px);
  }
  .step-card .n{
    width:30px; height:30px; border-radius:50%; background:var(--navy);
    display:flex; align-items:center; justify-content:center;
    font-family:'Fraunces',serif; font-weight:700; font-size:0.9rem; color:var(--gleam);
    margin-bottom:14px;
  }
  .step-card h4{ font-size:0.98rem; color:var(--pearl); margin-bottom:6px; }
  .step-card p{ font-size:0.82rem; line-height:1.6; color:rgba(238,248,251,0.72); }
  @media (max-width:750px){
    .steps{ grid-template-columns:1fr; }
  }

  footer{ position:relative; z-index:2; background:#030d1c; padding:44px 0 30px; text-align:center; border-top:1px solid var(--line); }
  footer .logo{ display:inline-flex; align-items:center; gap:10px; justify-content:center; font-family:'Fraunces', serif; font-weight:700; font-size:1.1rem; }
  footer .mark{
    width:28px; height:28px; border-radius:50%;
    background:conic-gradient(from 200deg, var(--aqua), var(--foam), var(--gleam), var(--aqua));
    position:relative;
  }
  footer .mark::after{ content:""; position:absolute; inset:4px; border-radius:50%; background:#030d1c; }
  footer p{ margin-top:14px; font-size:0.82rem; color:rgba(238,248,251,0.55); }
  footer .fandom{ color:var(--gleam); font-weight:700; }
  footer a.back{ display:inline-block; margin-top:18px; font-size:0.8rem; color:var(--aqua); font-weight:700; }
  footer a.back:hover{ color:var(--foam); }

  @media (max-width:900px){
    nav.links{
      position:fixed; top:0; right:-100%; height:100vh; width:min(78vw,320px);
      background:rgba(5,20,40,0.98); backdrop-filter:blur(16px);
      flex-direction:column; align-items:flex-start; justify-content:center;
      gap:6px; padding:32px; transition:right .4s ease; border-left:1px solid var(--line);
    }
    nav.links.open{ right:0; }
    nav.links a{ width:100%; padding:14px 16px; font-size:0.95rem; }
    .burger{ display:flex; }
  }