:root {
      --bg-1: #010f1a;
      --panel: #051a2d;
      --blue-dark: #004466;
      --blue-mid: #00b3ff;
      --blue-bright: #00ffff;
      --muted: #bdbdbd;
    }

    * { box-sizing:border-box; margin:0; padding:0; }
    html, body { height:100%; scroll-behavior:smooth; }
    body { font-family: 'Orbitron', sans-serif; background-color: var(--bg-1); color:#fff; line-height:1.5; font-weight:600; }

    /* ---------------- Header ---------------- */
    header {
      text-align:center;
      padding:60px 20px 30px;
      background: linear-gradient(180deg, var(--bg-1) 0%, var(--panel) 100%);
    }

    h1 {
      font-family:'Archivo Black',sans-serif;
      font-size:2.8rem;
      background: linear-gradient(90deg, var(--blue-mid), var(--blue-bright));
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      margin-bottom:10px;
      letter-spacing:1px;
    }

    .highlight {
      color: var(--blue-mid);
      font-weight:800;
      display:block;
      margin-top:6px;
      font-size:1.1rem;
    }

    /* Button style */
    .btn {
      display:inline-block;
      margin-top:22px;
      padding:14px 34px;
      font-size:1.25rem;
      font-weight:800;
      color:#fff;
      background: linear-gradient(90deg, var(--blue-dark), var(--blue-mid));
      border-radius:12px;
      border:none;
      text-decoration:none;
      cursor:pointer;
      position:relative;
      overflow:hidden;
      animation: joinPulse 2200ms infinite ease-in-out;
      text-transform: uppercase;
      letter-spacing:1px;
      box-shadow: 0 0 6px var(--blue-mid), 0 0 14px var(--blue-mid), 0 0 30px var(--blue-dark);
    }

    .btn::after {
      content:'';
      position:absolute;
      top:-40%; left:-40%;
      width:80%; height:200%;
      background: linear-gradient(120deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.1) 100%);
      transform: rotate(25deg) translateX(-200%);
      pointer-events:none;
      animation: sheen 3s infinite linear;
    }

    @keyframes joinPulse {
      0% { transform: translateY(0) scale(1); }
      20% { transform: translateY(-3px) scale(1.05); }
      50% { transform: translateY(1px) scale(0.97); }
      80% { transform: translateY(-4px) scale(1.06); }
      100% { transform: translateY(0) scale(1); }
    }

    @keyframes sheen {
      0% { transform: rotate(25deg) translateX(-200%); opacity:0.1; }
      50% { transform: rotate(25deg) translateX(0%); opacity:0.3; }
      100% { transform: rotate(25deg) translateX(200%); opacity:0.1; }
    }

    /* Sections */
    .section { padding:40px 20px; text-align:center; }
    .counter-section { padding:60px 20px; text-align:center; background: var(--panel); }
    .counter-number { font-size:3rem; font-weight:800; color:var(--blue-bright); }

    .iphone-carousel { overflow-x:auto; white-space:nowrap; padding:40px 20px; background:var(--panel); }
    .iphone { display:inline-block; width:250px; height:500px; margin:0 12px; border-radius:28px; background:#000; overflow:hidden; border:1px solid rgba(0,179,255,0.4); }
    .iphone img { width:100%; height:100%; object-fit:cover; }

    footer { padding:30px; text-align:center; background:var(--bg-1); font-size:.95rem; color:var(--muted); }
    footer a { color:var(--blue-mid); text-decoration:none; font-weight:700; }

    .moving-text-section { width:100%; overflow:hidden; background: linear-gradient(90deg,var(--panel),#0c1f2a); padding:12px 0; }
    .moving-text { display:inline-block; white-space:nowrap; animation: moveText 10s linear infinite; }
    .moving-text span { font-size:1.3rem; font-weight:800; color:var(--blue-mid); }

    @keyframes moveText { 0% { transform:translateX(100%);} 100% { transform:translateX(-100%);} }

    h2 { font-family:'Archivo Black',sans-serif; font-size:1.9rem; color:var(--blue-mid); margin-bottom:10px; }
    p { color:#d6d6d6; max-width:920px; margin:0.6rem auto; font-size:1rem; font-weight:500; }

    /* Responsive */
    @media (max-width:900px){
      h1{ font-size:2rem; }
      .btn{ padding:12px 22px; font-size:1rem; }
      .iphone{ width:200px; height:420px; }
    }
    @media (max-width:480px){
      h1{ font-size:1.5rem; }
      .iphone{ width:160px; height:360px; margin:0 8px; }
    }