.content-page{background:#fff}
.content-hero{
  position:relative;
  overflow:hidden;
  padding:105px 0 86px;
  background:
    radial-gradient(circle at 15% 15%,rgba(0,245,168,.12),transparent 24rem),
    radial-gradient(circle at 90% 5%,rgba(101,66,213,.15),transparent 30rem),
    linear-gradient(180deg,#fff,#f7f8ff);
  border-bottom:1px solid #e8e9f2;
}
.content-hero .container{position:relative}
.content-hero .eyebrow{display:inline-flex;margin-bottom:16px}
.content-hero h1{
  max-width:960px;
  margin:0 0 22px;
  color:#14182f;
  font-size:clamp(44px,6vw,76px);
  line-height:1.01;
  letter-spacing:-.06em;
}
.content-hero h1 em{
  color:#6542d5;
  font-style:normal;
}
.content-hero>div>p{
  max-width:780px;
  margin:0;
  color:#70778c;
  font-size:18px;
  line-height:1.75;
}
.content-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.content-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}
.content-trust-row span{
  padding:9px 12px;
  color:#4b22b4;
  background:#fff;
  border:1px solid #dfdaf8;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  box-shadow:0 8px 22px rgba(75,34,180,.06);
}
.content-section{padding:92px 0}
.content-section.soft{background:#f7f8fc}
.content-section h2{
  margin:0 0 18px;
  color:#15192f;
  font-size:clamp(32px,4vw,52px);
  line-height:1.06;
  letter-spacing:-.05em;
}
.content-section .lead{
  max-width:760px;
  color:#73798c;
  font-size:17px;
  line-height:1.75;
}
.content-grid-2,.content-grid-3,.content-grid-4{
  display:grid;
  gap:20px;
  margin-top:34px;
}
.content-grid-2{grid-template-columns:repeat(2,1fr)}
.content-grid-3{grid-template-columns:repeat(3,1fr)}
.content-grid-4{grid-template-columns:repeat(4,1fr)}
.content-card{
  padding:28px;
  background:#fff;
  border:1px solid #e3e5ee;
  border-radius:22px;
  box-shadow:0 18px 50px rgba(35,31,81,.06);
}
.content-card .num{
  display:inline-flex;
  min-width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  margin-bottom:30px;
  color:#6542d5;
  background:#eeeaff;
  border-radius:11px;
  font-size:12px;
  font-weight:900;
}
.content-card h3{margin:0 0 10px;font-size:20px;line-height:1.25}
.content-card p,.content-card li{color:#747a8d;font-size:13px;line-height:1.7}
.content-card ul{margin:14px 0 0;padding-left:18px}
.content-note{
  margin:30px 0;
  padding:24px 26px;
  color:#35394c;
  background:linear-gradient(135deg,#f0edff,#edfff9);
  border:1px solid #ddd7fb;
  border-radius:18px;
  line-height:1.7;
}
.content-note strong{color:#4b22b4}
.content-steps{
  counter-reset:step;
  display:grid;
  gap:14px;
  margin-top:34px;
}
.content-step{
  position:relative;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:20px;
  padding:24px;
  background:#fff;
  border:1px solid #e3e6ee;
  border-radius:20px;
}
.content-step::before{
  counter-increment:step;
  content:counter(step,decimal-leading-zero);
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#6542d5,#3989f4);
  border-radius:15px;
  font-weight:900;
}
.content-step h3{margin:2px 0 7px;font-size:20px}
.content-step p{margin:0;color:#747a8d;line-height:1.7}
.content-table-wrap{
  margin-top:30px;
  overflow:auto;
  border:1px solid #e1e4ed;
  border-radius:18px;
  background:#fff;
}
.content-table{width:100%;min-width:720px;border-collapse:collapse}
.content-table th,.content-table td{
  padding:16px 18px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid #eceef3;
  font-size:13px;
  line-height:1.6;
}
.content-table th{color:#3f4355;background:#f8f9fc;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.content-table td{color:#747a8d}
.content-table tr:last-child td{border-bottom:0}
.content-legal-layout{
  display:grid;
  grid-template-columns:260px minmax(0,780px);
  justify-content:center;
  gap:60px;
  padding:70px 0 100px;
}
.content-toc{
  position:sticky;
  top:105px;
  align-self:start;
  padding:20px;
  background:#f8f9fc;
  border:1px solid #e2e5ee;
  border-radius:18px;
}
.content-toc strong{display:block;margin-bottom:12px;font-size:13px}
.content-toc a{
  display:block;
  padding:7px 0;
  color:#777d90;
  font-size:12px;
}
.content-toc a:hover{color:#6542d5}
.content-article h2{
  scroll-margin-top:120px;
  margin:52px 0 14px;
  color:#171b31;
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.content-article h2:first-child{margin-top:0}
.content-article h3{margin:28px 0 10px;font-size:20px}
.content-article p,.content-article li{
  color:#666d81;
  font-size:15px;
  line-height:1.85;
}
.content-article ul,.content-article ol{padding-left:22px}
.content-article .updated{
  display:inline-flex;
  margin-bottom:28px;
  padding:7px 10px;
  color:#6542d5;
  background:#eeeaff;
  border-radius:8px;
  font-size:11px;
  font-weight:800;
}
.content-specialty-hero{
  min-height:580px;
  display:flex;
  align-items:center;
}
.content-coming{
  display:inline-flex;
  gap:8px;
  align-items:center;
  margin-bottom:18px;
  padding:8px 12px;
  color:#008d67;
  background:#eafff8;
  border:1px solid #c9f7e8;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.content-coming::before{
  content:"";
  width:8px;
  height:8px;
  background:#00d997;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(0,217,151,.14);
}
.content-faq details{
  margin:12px 0;
  padding:19px 22px;
  background:#fff;
  border:1px solid #e2e5ee;
  border-radius:16px;
}
.content-faq summary{cursor:pointer;font-weight:800}
.content-faq details p{margin:13px 0 0;color:#72788c;line-height:1.7}
@media(max-width:900px){
  .content-grid-4{grid-template-columns:repeat(2,1fr)}
  .content-grid-3{grid-template-columns:1fr 1fr}
  .content-legal-layout{grid-template-columns:1fr;gap:28px}
  .content-toc{position:static}
}
@media(max-width:640px){
  .content-hero{padding:78px 0 66px}
  .content-hero h1{font-size:44px}
  .content-hero>div>p{font-size:16px}
  .content-section{padding:68px 0}
  .content-grid-2,.content-grid-3,.content-grid-4{grid-template-columns:1fr}
  .content-step{grid-template-columns:54px 1fr;padding:19px}
  .content-legal-layout{padding-top:48px}
  .content-article h2{font-size:27px}
}

/* Soft final content sections fade to white before the shared footer. */
.content-page>.content-section.soft:last-child{background:linear-gradient(180deg,#f7f8fc 0%,#f7f8fc calc(100% - 80px),#fff 100%)}