/* ── Hero (dark) ── */
#hero{background:var(--navy);padding:140px 0 80px;text-align:center;position:relative;overflow:hidden}
#hero::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,transparent 70%);pointer-events:none}
.breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--mdk);margin-bottom:28px;position:relative;z-index:1}
.breadcrumb a{color:var(--mdk);transition:color .2s}.breadcrumb a:hover{color:var(--tdk)}
.breadcrumb-sep{opacity:.35}
h1.legal-h1{font-size:clamp(38px,5vw,62px);font-weight:700;color:white;letter-spacing:-2px;line-height:1.06;margin-bottom:18px;position:relative;z-index:1}
.legal-sub{font-size:16px;color:var(--mdk);line-height:1.6;position:relative;z-index:1}

/* ── Content (light) ── */
#legal-content{background:var(--light-s);padding:80px 0 100px}
.legal-doc{
  background:white;
  max-width:880px;
  margin:0 auto;
  padding:64px 72px;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:0 8px 32px rgba(11,22,40,.05);
  color:var(--text);
  font-size:15px;
  line-height:1.7;
}

.legal-doc h2{
  font-size:24px;
  font-weight:700;
  color:var(--text);
  letter-spacing:-.6px;
  margin-top:48px;
  margin-bottom:16px;
  scroll-margin-top:80px;
}
.legal-doc h2:first-child{margin-top:0}

.legal-doc h3{
  font-size:18px;
  font-weight:700;
  color:var(--text);
  letter-spacing:-.3px;
  margin-top:28px;
  margin-bottom:12px;
}

.legal-doc h4{
  font-size:16px;
  font-weight:700;
  color:var(--text);
  letter-spacing:-.2px;
  margin-top:22px;
  margin-bottom:10px;
}

.legal-doc p{
  font-size:15px;
  color:var(--muted);
  line-height:1.7;
  margin-bottom:14px;
}

.legal-doc p strong,
.legal-doc li strong,
.legal-doc td strong{
  color:var(--text);
  font-weight:600;
}

.legal-doc ul,
.legal-doc ol{
  margin:12px 0 18px 22px;
  color:var(--muted);
}

.legal-doc li{
  font-size:15px;
  line-height:1.7;
  margin-bottom:6px;
}

.legal-doc li::marker{color:var(--mdk)}

.legal-doc a{
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:2px;
}
.legal-doc a:hover{color:var(--blue-dk)}

/* Address block */
.legal-address{
  background:var(--light-s);
  border-left:3px solid var(--blue);
  padding:16px 20px;
  border-radius:0 10px 10px 0;
  margin:14px 0 18px;
  font-size:15px;
  line-height:1.7;
  color:var(--text);
}
.legal-address strong{color:var(--text)}

/* Tables */
.legal-table-wrap{
  overflow-x:auto;
  margin:18px 0 24px;
  border:1px solid var(--border);
  border-radius:12px;
}
.legal-doc table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  line-height:1.55;
  background:white;
}
.legal-doc thead{background:var(--light-s)}
.legal-doc th{
  text-align:left;
  font-weight:700;
  font-size:13px;
  color:var(--text);
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}
.legal-doc td{
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  color:var(--muted);
  vertical-align:top;
}
.legal-doc tbody tr:last-child td{border-bottom:none}
.legal-doc tbody tr:nth-child(even){background:rgba(244,247,252,.5)}

/* Appendix divider */
.legal-divider{
  height:1px;
  background:var(--border);
  margin:56px 0 48px;
  border:none;
}

.legal-appendix-eyebrow{
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue);
  margin-bottom:6px;
}

/* ── Nav: dark over hero, light over content (mirrors pricing) ── */
#nav{background:rgba(11,22,40,.93);border-bottom-color:rgba(30,51,88,.6);backdrop-filter:none;-webkit-backdrop-filter:none}
#nav.light{background:rgba(237,241,248,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(222,229,240,.7)}
.nav-logo-txt{color:var(--tdk)}#nav.light .nav-logo-txt{color:var(--text)}
.nav-links a{color:var(--mdk)}.nav-links a:hover{color:var(--tdk)}
#nav.light .nav-links a{color:var(--muted)}#nav.light .nav-links a:hover{color:var(--text)}
.nav-si{color:var(--mdk)}.nav-si:hover{background:var(--navy-sub);color:var(--tdk)}
#nav.light .nav-si{color:var(--muted)}#nav.light .nav-si:hover{background:var(--border);color:var(--text)}
.nav-burger span{background:var(--tdk)}#nav.light .nav-burger span{background:var(--text)}

/* ── Responsive ── */
@media (max-width: 960px){
  #hero{padding:120px 0 70px}
  .legal-doc{padding:48px 36px}
  .legal-doc h2{font-size:22px;margin-top:40px}
  .legal-doc h3{font-size:17px}
}

@media (max-width: 540px){
  #hero{padding:110px 0 56px}
  #legal-content{padding:48px 0 70px}
  .legal-doc{padding:32px 22px;font-size:14.5px;border-radius:16px}
  .legal-doc h2{font-size:20px;margin-top:34px}
  .legal-doc h3{font-size:16px}
  .legal-doc h4{font-size:15px}
  .legal-doc p,
  .legal-doc li{font-size:14.5px}
  .legal-doc table{font-size:13px}
  .legal-doc th,
  .legal-doc td{padding:11px 12px}
  .legal-divider{margin:44px 0 36px}
}