.v23-hero {
  min-height: auto;
  padding-top: clamp(72px, 9vw, 124px);
  padding-bottom: clamp(72px, 9vw, 116px);
  align-items: center;
}

.v23-hero-proof {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(95, 224, 187, 0.05));
}

.v23-hero-proof span { color: #5fe0bb; font: 700 .75rem/1.2 "Manrope", sans-serif; letter-spacing: .14em; }
.v23-hero-proof strong { max-width: 14ch; color: #fff; font: 700 clamp(1.55rem, 3vw, 2.45rem)/1.15 "Manrope", sans-serif; }
.v23-hero-proof p { margin: 0; color: rgba(255,255,255,.72); font-size: 1rem; }

.v23-section-head { max-width: 760px; margin-bottom: clamp(32px, 5vw, 56px); }
.v23-section-head h2, .v23-product-copy h2 { margin: 14px 0 16px; }
.v23-section-head > p:last-child, .v23-product-copy > p { max-width: 660px; }
.v23-section-head-light h2, .v23-section-head-light > p:last-child { color: #fff; }
.v23-section-head-light > p:last-child { opacity: .74; }

.v23-solves { background: #f7faf7; }
.v23-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.v23-benefit-grid article { padding: 28px; border: 1px solid #dce8e0; border-radius: 20px; background: #fff; }
.v23-benefit-grid article > span { color: #246b5a; font: 700 .78rem/1 "Manrope", sans-serif; letter-spacing: .12em; }
.v23-benefit-grid h3 { margin: 22px 0 10px; }
.v23-benefit-grid p { margin: 0; color: #52645f; }

.v23-method { background: #0b2923; color: #fff; }
.v23-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; border-block: 1px solid rgba(255,255,255,.14); }
.v23-steps li { display: flex; gap: 18px; padding: 28px 24px; border-right: 1px solid rgba(255,255,255,.14); }
.v23-steps li:last-child { border-right: 0; }
.v23-steps li > span { color: #5fe0bb; font-weight: 700; }
.v23-steps h3 { margin: 0 0 8px; color: #fff; }
.v23-steps p { margin: 0; color: rgba(255,255,255,.7); }
.v23-principle { margin: 28px 0 0; color: rgba(255,255,255,.76); }
.v23-principle strong { color: #fff; }

.v23-product { display: grid; grid-template-columns: minmax(0, .76fr) minmax(0, 1.45fr); gap: clamp(34px, 6vw, 78px); align-items: center; }
.v23-product-copy .button { margin-top: 22px; }
.v23-product .app-window { width: 100%; min-width: 0; }

.v23-security { background: #071b18; color: #fff; }
.v23-security-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.14); }
.v23-security-grid article { display: grid; gap: 9px; padding: 24px; background: #0b2923; }
.v23-security-grid b { color: #fff; }
.v23-security-grid span { color: rgba(255,255,255,.68); line-height: 1.55; }

.demo-section { padding-top: clamp(72px, 8vw, 112px); }

@media (max-width: 920px) {
  .v23-hero, .v23-product { grid-template-columns: 1fr; }
  .v23-hero-proof strong { max-width: 22ch; }
  .v23-security-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .v23-hero { padding-top: 58px; padding-bottom: 64px; }
  .v23-hero-proof { padding: 24px; border-radius: 20px; }
  .v23-benefit-grid, .v23-steps, .v23-security-grid { grid-template-columns: 1fr; }
  .v23-benefit-grid { gap: 12px; }
  .v23-benefit-grid article { padding: 22px; }
  .v23-benefit-grid h3 { margin-top: 14px; }
  .v23-steps li { padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .v23-steps li:last-child { border-bottom: 0; }
  .v23-security-grid article { padding: 20px; }
  .v23-product { gap: 28px; }
  .v23-product-copy .button { width: 100%; justify-content: center; }
}