:root{
      --bg:#060606; --muted:#8fb0b8; --neon:#00f0ff; --accent:#7cffb2; --glass:rgba(255,255,255,0.03);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html,body{height:100%;}
    body{
      margin:0; background:var(--bg); color:#dfeff6; font-family:Inter,system-ui,Segoe UI,Roboto,Arial; -webkit-font-smoothing:antialiased;
      overflow-x:hidden;
    }
    .wrap{width:min(96%,var(--container));margin:0 auto;}

    header{display:flex;align-items:center;justify-content:space-between;margin:40px;}
    .brand{display:flex;align-items:center;gap:.6rem;font-family:Oswald,Inter;font-weight:700;letter-spacing:.08em}
    .brand .logo{width:44px;height:28px;background:linear-gradient(90deg,var(--neon),#8f7aff);border-radius:6px;display:grid;place-items:center;color:#021;font-weight:800}
    nav{display:flex;gap:12px;align-items:center}
    nav a{color:var(--muted);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px}
    nav a:hover{color:#fff;background:rgba(255,255,255,0.02)}

    .hero{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;margin:40px;max-width:1000px;}
    .hero-left{max-width:780px;z-index:2;position:relative}
    .kicker{color:var(--muted);font-weight:700;margin-bottom:8px}
    .title{font-family:Oswald,Inter;font-size:clamp(42px,7vw,110px);line-height:0.95;margin:0 0 8px;color:#fff;letter-spacing:0.02em}
    .title .highlight{background:linear-gradient(90deg,var(--neon),#d2d0d8);-webkit-background-clip:text;background-clip:text;color:transparent}
    .model{color:var(--neon);font-weight:700;font-size:clamp(20px,2.2vw,28px);margin-bottom:16px}
    .desc{color:var(--muted);max-width:70ch;margin-bottom:20px}
    .cta-row{display:flex;gap:12px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;gap:.6rem;padding:12px 18px;border-radius:10px;background:linear-gradient(90deg,var(--neon),#7c5cff);color:#021;border:0;font-weight:700;cursor:pointer}
    .btn.ghost{background:transparent;color:var(--neon);border:1px solid rgba(0,240,255,0.3)}
    .btn:hover{box-shadow:0 12px 40px rgba(0,240,255,0.3)}

    .socials{position:absolute;right:28px;top:40%;display:flex;flex-direction:column;gap:14px;z-index:2}
    .socials a{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,0.02);color:var(--muted);text-decoration:none}
    .socials a:hover{color:var(--neon);box-shadow:0 18px 60px rgba(0,240,255,0.3)}

    footer{margin-top:80px;color:var(--muted);font-size:.9rem;text-align:center;padding:36px 0;z-index:2;position:relative}

    .wrap {position: relative;width: 100%;height: 100vh;overflow: hidden;}
    .wrap-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
    .video-links {display: flex;gap: 20px;margin: 20px 0;}
    .video-links img {width: 100px;height: 60px;object-fit: cover;border-radius: 8px;cursor: pointer;transition: transform 0.3s}
    .video-links a {
  display: inline-block;
  border: 2px solid #00f0ff;
  border-radius: 10px;
  overflow: hidden;
  width: 120px; /* thumbnail size */
  height: 72px;
}

.video-links img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-links a:hover {
  background: none;
  border-color: #fff;
}