*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#07111f;color:#eef5ff;line-height:1.65}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:auto}
.header{position:sticky;top:0;z-index:10;background:#07111feF;border-bottom:1px solid #1b3552;backdrop-filter:blur(10px)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:28px;font-weight:800;letter-spacing:-1px}.logo span{color:#21a8ff}
nav{display:flex;gap:28px}nav a{color:#c8d8ea;font-size:15px}nav a:hover{color:#21a8ff}
.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}
.hero{padding:20px 0 400px;background:radial-gradient(circle at 75% 25%,#0d3b65 0,#07111f 45%)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.badge{display:inline-block;background:#103b5e;color:#51c0ff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:bold;margin-bottom:18px}
h1{font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-2px;margin-bottom:20px}
h2{font-size:34px;line-height:1.2;margin-bottom:14px}h3{font-size:21px;margin-bottom:8px}
.lead{font-size:18px;color:#b8c9dc;max-width:650px}
.buttons{display:flex;gap:14px;margin:28px 0;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 24px;border-radius:9px;font-weight:700}
.primary{background:#159bea;color:#fff}.primary:hover{background:#087fc8}
.secondary{border:1px solid #2a4a67;color:#dcecff}.secondary:hover{border-color:#159bea}
.trust{display:flex;gap:18px;flex-wrap:wrap;color:#8fa8bf;font-size:13px}
.app-card{background:linear-gradient(145deg,#0d2238,#081522);border:1px solid #234663;border-radius:22px;padding:34px;box-shadow:0 20px 60px #0006;text-align:center}
.app-icon{width:105px;height:105px;margin:0 auto 20px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#18a9ff,#1451d4);font-size:34px;font-weight:900;box-shadow:0 12px 35px #159bea55}
.app-card p{color:#91a9c0}.info{margin-top:25px;border-top:1px solid #24435d}
.info div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #1a3349;color:#8fa8bf}.info span{color:#e8f3ff}
.section{padding:80px 0}.section-intro{color:#91a9c0;margin-bottom:30px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#0b1b2c;border:1px solid #1d3852;padding:28px;border-radius:15px}.card p{color:#9bb0c4}.icon{font-size:27px;margin-bottom:12px}
.download{background:#091827}.download-box{border:1px solid #235073;border-radius:18px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.download-box p{color:#9bb0c4}
.narrow{max-width:850px}.steps{display:grid;gap:12px}.steps div{display:flex;gap:18px;align-items:flex-start;background:#0b1b2c;border:1px solid #1d3852;padding:18px;border-radius:12px}.steps b{background:#159bea;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex:none}.steps p{color:#b2c3d4}
.faq details{background:#0b1b2c;border:1px solid #1d3852;border-radius:10px;margin:12px 0;padding:16px 20px}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#9bb0c4;padding-top:10px}
footer{padding:35px 0;border-top:1px solid #1b3552;text-align:center;color:#7890a8;font-size:13px}

@media(max-width:750px){
 nav{display:none;position:absolute;top:72px;left:0;right:0;background:#07111f;border-bottom:1px solid #1b3552;padding:15px 4%;flex-direction:column;gap:14px}
 nav.open{display:flex}.menu-btn{display:block}
 .hero{padding:60px 0}.hero-grid{grid-template-columns:1fr;gap:45px}
 .cards{grid-template-columns:1fr}.download-box{flex-direction:column;align-items:flex-start}
 h1{letter-spacing:-1px}.section{padding:60px 0}
}


```css
/* ===== NK7 DARK RED THEME ===== */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #180605;
  color: #fff1e8;
}

/* Header */
.header {
  background: rgba(25, 5, 5, 0.96);
  border-bottom: 1px solid #69201b;
}

.logo span {
  color: #ffcc43;
}

nav a {
  color: #f3d8cf;
}

nav a:hover {
  color: #ffbd35;
}

/* Hero Section */
.hero {
  background: radial-gradient(
    circle at 75% 25%,
    #65130f 0,
    #300908 42%,
    #180605 80%
  );
}

.badge {
  background: #50100e;
  color: #ffd36a;
  border: 1px solid #9e3327;
}

h1, h2, h3 {
  color: #fff2df;
}

.lead {
  color: #e3bdb0;
}

/* Buttons */
.primary {
  background: linear-gradient(180deg, #ff4b43, #a60009);
  color: #ffffff;
  border: 1px solid #ff8172;
  box-shadow: 0 5px 18px #a9000045;
}

.primary:hover {
  background: linear-gradient(180deg, #ff6b42, #d00012);
}

.secondary {
  border: 1px solid #a94335;
  color: #ffe1bd;
  background: #310b09;
}

.secondary:hover {
  border-color: #ffca51;
}

/* App Card */
.app-card {
  background: linear-gradient(145deg, #4b100d, #210807);
  border: 1px solid #96372b;
  box-shadow: 0 20px 60px #0008;
}

.app-icon {
  background: linear-gradient(135deg, #ffcb45, #d51b13, #690408);
  box-shadow: 0 12px 35px #e5231745;
}

.app-card p {
  color: #e7bdb0;
}

.info {
  border-top: 1px solid #783026;
}

.info div {
  border-bottom: 1px solid #57201b;
  color: #e5b8a8;
}

.info span {
  color: #fff0df;
}

/* Content Sections */
.section-intro {
  color: #d9afa1;
}

.card {
  background: linear-gradient(145deg, #3b0d0a, #210807);
  border: 1px solid #70251d;
}

.card p {
  color: #dfb8ab;
}

.icon {
  color: #ffca43;
}

/* Download Section */
.download {
  background: linear-gradient(135deg, #350a08, #180605);
}

.download-box {
  background: #2b0908;
  border: 1px solid #92362a;
}

.download-box p {
  color: #e0b8aa;
}

/* Installation Steps */
.steps div {
  background: #310b09;
  border: 1px solid #70251d;
}

.steps b {
  background: linear-gradient(135deg, #ffbd35, #e52a18);
  color: #300604;
}

/* FAQ */
.faq details {
  background: #2b0908;
  border: 1px solid #70251d;
}

.faq summary {
  color: #fff0df;
}

.faq summary:hover {
  color: #ffca43;
}

.faq details p {
  color: #dfb8ab;
}

/* Footer */
footer {
  background: #140504;
  border-top: 1px solid #69201b;
  color: #c69a8c;
}

/* Mobile Menu */
@media (max-width: 750px) {
  nav {
    background: #220706;
    border-bottom: 1px solid #69201b;
  }
}
```