:root{--gunmetal:#1e232a;--blue:#20c3ff;--text:#e8ecf1;--muted:#9aa7b6;--chip:#2b323b}*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#101419,#161b22);color:var(--text);font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}.container{max-width:1140px;margin:0 auto;padding:20px}.header{position:sticky;top:0;background:rgba(18,22,28,.9);backdrop-filter:blur(8px);border-bottom:1px solid #2a323c;z-index:10}.header .inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.brand{font-weight:800;letter-spacing:.3px;color:#e9f7ff;text-decoration:none}.nav a{color:var(--muted);text-decoration:none;margin-left:16px}.nav a:hover{color:#cfe4f1}.hero{background:radial-gradient(900px 320px at 50% -130px,#26313c,transparent);padding:28px;border:1px solid #2c3540;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.hero h1{margin:0 0 8px;font-size:36px}.hero p{margin:0 0 14px;color:#cfd7df}.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:linear-gradient(180deg,#47d2ff,#0eb7f0);color:#04141a;text-decoration:none;font-weight:800;box-shadow:0 10px 28px rgba(32,195,255,.28);transition:transform .15s ease, box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(32,195,255,.42)}.section{margin:26px 0}.section h2{margin:0 0 12px;font-size:24px}.badges{display:flex;gap:10px;flex-wrap:wrap}.chip{background:var(--chip);border:1px solid #36414d;border-radius:999px;padding:8px 10px;color:#c9d4df;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card{border:1px solid #2d3642;border-radius:14px;background:linear-gradient(180deg,#1a1f26,#14181e);padding:14px;transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease}.card h3{margin:0 0 6px}.price{color:#9fe7ff;font-weight:700;margin:4px 0 8px}.status{font-size:12px;color:#95a6b6}.card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(32,195,255,.18), 0 0 0 2px rgba(32,195,255,.15) inset;border-color:#2f93b5}.card a{color:#dfeef6;text-decoration:none}.footer{margin-top:40px;padding:24px 20px;border-top:1px solid #2b323a;color:#9fb0bd}.rte p{max-width:78ch}

/* --- Extra rules from V1_7 --- */
:root{
  --gunmetal:#1e232a;
  --blue:#20c3ff;
  --text:#e8ecf1;
  --muted:#9aa7b6;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#11161d;
  color:var(--text);
}
.main{
  max-width:1100px;
  margin:0 auto;
  padding:20px;
}
.header,.footer{
  background:#1e232a;
  color:var(--text);
  padding:14px 20px;
}
.header a{
  color:var(--muted);
  margin-right:12px;
  text-decoration:none;
}
.header a:hover{
  color:#ffffff;
}
.section{
  margin:20px 0;
}
.section h1{
  margin-bottom:10px;
}
.rte p{
  line-height:1.6;
}
.badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:#1b2027;
  border:1px solid #303846;
  font-size:11px;
  margin-right:4px;
}
.price-line{
  margin:8px 0 14px;
  font-weight:600;
  color:#9fe0ff;
}
.status-out{
  font-size:13px;
  color:#ffb3b3;
}
ul{
  padding-left:20px;
}
.testimonials-grid{
  display:grid;
  gap:16px;
}
.testimonial{
  border:1px solid #2a313c;
  border-radius:8px;
  padding:14px;
  background:#141921;
}
.testimonial .quote{margin:0 0 6px;}
.testimonial .meta{margin:0;font-size:13px;color:#9aa7b6;}