body > header.site-subpage-header {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 72px;
  height: 72px !important;
  margin: 0;
  padding: 14px max(24px, calc((100vw - 1200px) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 0;
  border-radius: 0;
  background: #1d385d;
  color: #fff;
}
body > header.site-subpage-header .site-subpage-brand {
  flex: none;
  font: 750 clamp(22px, 2.2vw, 30px)/1.2 system-ui, sans-serif;
  letter-spacing: -.04em;
  color: #fff;
  text-decoration: none;
}
body > header.site-subpage-header .site-subpage-brand span { color: #70aee9; }
body > header.site-subpage-header nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 14px;
  min-width: 0;
}
body > header.site-subpage-header .site-subpage-home {
  font: 600 14px/1.5 system-ui, sans-serif;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
body > header.site-subpage-header .site-subpage-home:hover,
body > header.site-subpage-header .site-subpage-home:focus-visible { text-decoration: underline; }
body > header.site-subpage-header .locale-controls { margin: 0; }
body > header.site-subpage-header + .article-page { margin-top: 0; }
@media (max-width: 600px) {
  body > header.site-subpage-header { min-height: 64px; height: auto !important; padding: 12px 18px; gap: 10px; }
  body > header.site-subpage-header .site-subpage-brand { font-size: 22px; }
  body > header.site-subpage-header .site-subpage-home { font-size: 13px; }
  body > header.site-subpage-header .locale-controls { width: 100%; justify-content: flex-end; }
}
.service-payment-summary{margin:20px 0 28px;padding:22px 24px;border:1px solid #cbddeb;border-radius:18px;background:#f2f8fd;color:#173d61}
.service-payment-kicker{margin:0 0 8px;color:#386653;font-size:12px;font-weight:700;letter-spacing:.06em}
.service-payment-price{display:block;font-size:26px;line-height:1.35}
.service-payment-trial{margin:4px 0 16px;font-size:14px;color:#386653;font-weight:650}
.service-payment-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;counter-reset:guide-payment;margin:0 0 18px;padding:0}
.service-payment-steps li{counter-increment:guide-payment;padding:12px 12px 12px 40px;border:1px solid #d5e4f0;border-radius:12px;background:#fff;font-size:12px;line-height:1.6;position:relative}
.service-payment-steps li:before{content:counter(guide-payment);position:absolute;left:12px;top:12px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e3f0fb;font-size:11px;font-weight:700}
.article-page .service-payment-summary .service-payment-action{display:inline-block;padding:10px 20px;border-radius:24px;background:#173d61;color:#fff;text-decoration:none;font-size:14px;font-weight:650}
.article-page .service-payment-summary .service-payment-action:hover,.article-page .service-payment-summary .service-payment-action:focus-visible{background:#24527c;color:#fff}
.service-payment-note{margin:12px 0 0;color:#5a7188;font-size:12px;line-height:1.6}
@media(max-width:600px){.service-payment-summary{padding:18px}.service-payment-steps{grid-template-columns:1fr}}