body{margin:0;font-family:var(--t-font-body);font-size:var(--t-fs-base);color:var(--c-text, #111);background:var(--c-bg, #fff)}h1,h2,h3{font-family:var(--t-font-heading)}h1{font-size:var(--t-fs-h1)}h2{font-size:var(--t-fs-h2)}h3{font-size:var(--t-fs-h3)}.rt-img-left{float:left;margin:0 1rem .5rem 0}.rt-img-right{float:right;margin:0 0 .5rem 1rem}.rt-img-center{display:block;margin:.5rem auto}.rt-img-full{display:block;width:100%}.rt-w-25{width:25%}.rt-w-50{width:50%}.rt-w-75{width:75%}.rt-w-100{width:100%}.rt-img-left,.rt-img-center,.rt-img-right,.rt-img-full,.rt-w-25,.rt-w-50,.rt-w-75,.rt-w-100{max-width:100%;height:auto}.rt-content table{border-collapse:collapse;width:100%}.rt-content th,.rt-content td{border:1px solid var(--c-border, rgba(128,128,128,.35));padding:.5rem .75rem}.rt-content th{font-weight:600;background:var(--c-surface, rgba(128,128,128,.12))}

.demo-cta {
  background: var(--c-primary, #2563eb);
  color: var(--c-on-primary, #fff);
  padding: 64px 24px;
}
.demo-cta__inner {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  align-items: center;
  justify-content: space-between;
}
.demo-cta__title {
  margin: 0;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.25;
  letter-spacing: -0.015em;
}
.demo-cta__text { margin: 10px 0 0; font-size: 16px; line-height: 1.6; opacity: .92; max-width: 60ch; }
.demo-cta__btn {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 10px;
  background: var(--c-on-primary, #fff);
  color: var(--c-primary, #2563eb);
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}

.demo-hero {
  background: var(--c-bg, #0b1220);
  color: var(--c-text, #e6edf7);
  padding: 96px 24px;
}
.demo-hero__inner {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}
@media (min-width: 860px) {
  .demo-hero__inner { grid-template-columns: 1.1fr 0.9fr; }
}
.demo-hero__eyebrow {
  margin: 0 0 16px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-primary, #2563eb);
}
.demo-hero__title {
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.demo-hero__subtitle {
  margin: 20px 0 0;
  font-size: 18px;
  line-height: 1.6;
  color: var(--c-text-muted, #9fb0c9);
  max-width: 52ch;
}
.demo-hero__cta {
  display: inline-block;
  margin-top: 32px;
  padding: 15px 30px;
  border-radius: 10px;
  background: var(--c-primary, #2563eb);
  color: var(--c-on-primary, #fff);
  font-weight: 600;
  text-decoration: none;
}
.demo-hero__img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
}

.demo-features {
  background: var(--c-surface, #fff);
  padding: 88px 24px;
}
.demo-features__inner { max-width: 1120px; margin: 0 auto; }
.demo-features__head { max-width: 62ch; }
.demo-features__title {
  margin: 0;
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--c-heading, #0b1220);
}
.demo-features__lead {
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.65;
  color: var(--c-body, #51617a);
}
.demo-features__grid {
  list-style: none;
  margin: 48px 0 0;
  padding: 0;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.demo-features__card {
  background: var(--c-surface-alt, #f5f7fb);
  border: 1px solid var(--c-border, #e3e8f0);
  border-radius: 14px;
  padding: 26px;
}
.demo-features__icon { font-size: 26px; line-height: 1; display: block; margin-bottom: 14px; }
.demo-features__card-title {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  color: var(--c-heading, #0b1220);
}
.demo-features__card-text {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--c-body, #51617a);
}