:root{--ink:#142033;--muted:#5d6878;--line:#dce2e8;--paper:#fff;--soft:#f5f7f9;--accent:#315efb;--accent2:#0f766e;--dark:#0e1726}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.top{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.logo{font-weight:850;color:var(--dark);font-size:20px;letter-spacing:-.4px}.logo span{color:var(--accent)}
nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#344054;font-size:14px;font-weight:650}.hero{padding:80px 0 54px;background:linear-gradient(180deg,#f7f9ff 0,#fff 100%)}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2)}h1{font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-2.2px;max-width:900px;margin:12px 0 22px}h2{font-size:32px;line-height:1.18;letter-spacing:-.7px;margin-top:52px}h3{font-size:21px}
.lede{font-size:20px;color:var(--muted);max-width:800px}.btn{display:inline-block;background:var(--accent);color:white;padding:14px 20px;border-radius:9px;font-weight:800;margin:12px 8px 0 0}.btn:hover{text-decoration:none;filter:brightness(.95)}
.btn.secondary{background:var(--dark)}main article{max-width:820px;padding:54px 24px 70px;margin:auto}.note{border-left:4px solid var(--accent2);background:var(--soft);padding:18px 20px;margin:28px 0;border-radius:0 8px 8px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.card{border:1px solid var(--line);border-radius:12px;padding:22px;background:white}.card h3{margin-top:0}.card p{color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:24px 0}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}
.cta{background:var(--dark);color:white;padding:28px;border-radius:14px;margin:42px 0}.cta h2{margin:0 0 8px;color:white}.cta p{color:#d7deea}.cta .btn{background:white;color:var(--dark)}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:20px}.related{background:var(--soft);padding:25px;border-radius:12px}.related ul{columns:2;padding-left:20px}
footer{background:var(--dark);color:#c8d0dc;padding:40px 0;margin-top:40px}footer a{color:white}.disclosure{font-size:13px;color:#687386}
@media(max-width:800px){nav{display:none}.grid{grid-template-columns:1fr}.related ul{columns:1}.hero{padding-top:55px}h1{letter-spacing:-1.2px}}

.conversion-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1rem;
  margin: 1.1rem 0 1.6rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--border, #dfe5ec);
  border-radius: 14px;
  background: var(--surface, #fff);
}
.conversion-strip strong {
  flex-basis: 100%;
}
.conversion-strip span {
  flex: 1 1 320px;
}
.conversion-strip .button {
  white-space: nowrap;
}
.conversion-strip .text-link {
  font-weight: 700;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: center;
  margin-top: 1rem;
}
.hero-actions .button {
  margin: 0;
}
.secondary-button {
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
}