:root{
  --ink:#0b1f3a;
  --muted:#5b6777;
  --card:#ffffff;
  --bg:#f6f8fb;
  --border:#e7edf5;
  --shadow: 0 10px 30px rgba(15,23,42,.07);
}

body{ background: var(--bg); color: var(--ink); }
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

.badge-soft{ background:#e9f2ff; color:#0b1f3a; border:1px solid #d7e8ff; }

.card-ui{
  background: var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow: var(--shadow);
}

.kicker{ color: var(--muted); }
.fineprint{ color: var(--muted); font-size: .92rem; }

.btn-cta{
  padding: .9rem 1.1rem;
  border-radius: 12px;
  font-weight: 800;
}

.toc a{
  display:block;
  padding:.45rem .65rem;
  border-radius:12px;
  color: var(--ink);
}
.toc a:hover{
  background:#eef4ff;
  text-decoration:none;
}

.section-title{
  font-weight: 900;
  letter-spacing: -.02em;
}

.review-highlight{
  border-left: 4px solid #0d6efd;
  padding-left: 1rem;
}

.sticky-cta{
  position: sticky;
  top: 1rem;
}

.video-wrap{
  position: relative;
  width:100%;
  padding-top: 56.25%;
  border-radius: 16px;
  overflow:hidden;
  border:1px solid var(--border);
  background:#000;
}
.video-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.table-clean th, .table-clean td{
  border-color: var(--border) !important;
}


.brand-logo{ height:42px; width:auto; }
.product-shot{ max-width:100%; height:auto; }

.hero-product{ max-width:100%; height:auto; }
.hero-product-wrap{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:16px; }