:root {
  --ms-ink: #123449;
  --ms-blue: #147fa8;
  --ms-aqua: #5ed8d2;
  --ms-sky: #dff8fb;
  --ms-lime: #dff279;
  --ms-coral: #ffb49d;
  --ms-cream: #fffaf0;
  --ms-white: #ffffff;
}

.ms-section { padding-block: clamp(4rem, 8vw, 8rem); }
.ms-kicker { margin-bottom: .75rem; font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ms-blue); }
.ms-hero { overflow: hidden; padding-block: clamp(3.5rem, 7vw, 7rem); background: linear-gradient(135deg, #f5ffff 0%, #e5f8fb 55%, #d9f2ff 100%); color: var(--ms-ink); }
.ms-hero h1 { max-width: 10ch; line-height: .98; }
.ms-hero-image img { width: 100%; border-radius: 44% 56% 52% 48% / 42% 42% 58% 58%; box-shadow: 0 28px 80px rgba(18,52,73,.16); }
.ms-button-primary .wp-block-button__link { background: var(--ms-blue); color: #fff; }
.ms-button-light .wp-block-button__link { border-color: var(--ms-ink); color: var(--ms-ink); }
.ms-button-dark .wp-block-button__link { background: var(--ms-ink); color: #fff; }
.ms-hero .wp-block-button__link, .ms-cta .wp-block-button__link { border-radius: 999px; padding: .9em 1.35em; font-weight: 750; }

.ms-quicklinks { margin-top: -2.25rem; position: relative; z-index: 2; }
.ms-choice { min-height: 230px; padding: 1.5rem; border-radius: 1.75rem; display: flex; flex-direction: column; justify-content: flex-end; transition: transform .2s ease; }
.ms-choice:hover { transform: translateY(-4px); }
.ms-choice a { color: inherit; font-weight: 750; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.ms-choice-a { background: var(--ms-lime); }
.ms-choice-b { background: var(--ms-sky); }
.ms-choice-c { background: var(--ms-coral); }
.ms-choice-d { background: var(--ms-ink); color: #fff; }

.ms-statement { background: var(--ms-cream); }
.ms-statement h2 { max-width: 12ch; line-height: 1; }

.ms-products { background: #f1fbfc; }
.ms-product-card { height: 100%; padding: 1.25rem; border-radius: 1.75rem; background: #fff; box-shadow: 0 18px 50px rgba(18,52,73,.08); }
.ms-product-card img { width: 100%; aspect-ratio: 4/3; object-fit: contain; border-radius: 1.25rem; }
.ms-product-card a { color: var(--ms-ink); font-weight: 750; }
.ms-product-one img { background: #edf9dc; }
.ms-product-two img { background: #e1f8fb; }
.ms-product-three img { background: #fff0e9; }
.ms-product-four img { background: #e9eefb; }

.ms-editorial { position: relative; }
.ms-editorial-image img { width: 88%; min-height: 560px; object-fit: cover; border-radius: 2.5rem; }
.ms-editorial-copy { position: relative; width: min(520px, 86%); margin: -180px 0 0 auto; padding: clamp(2rem, 4vw, 4rem); background: var(--ms-white); border-radius: 2rem; box-shadow: 0 30px 80px rgba(18,52,73,.15); }

.ms-steps { background: var(--ms-ink); color: #fff; }
.ms-step { min-height: 250px; padding: 1.5rem; border-top: 1px solid rgba(255,255,255,.28); }
.ms-step-number { margin: 0 0 1.5rem; font-size: clamp(3rem, 7vw, 6rem); font-weight: 800; line-height: 1; color: var(--ms-aqua); }

.ms-story-image img { border-radius: 2.25rem; box-shadow: 0 24px 70px rgba(18,52,73,.12); }
.ms-faq { background: var(--ms-sky); }
.ms-faq .wp-block-details { padding: 1.25rem 0; border-top: 1px solid rgba(18,52,73,.22); }
.ms-faq summary { cursor: pointer; font-weight: 800; }

.ms-cta { color: var(--ms-ink); }
.ms-cta .wp-block-cover__inner-container { padding: 2rem 1.25rem; }

@media (max-width: 781px) {
  .ms-hero h1 { max-width: none; }
  .ms-quicklinks { margin-top: 0; }
  .ms-choice { min-height: 180px; }
  .ms-editorial-image img { width: 100%; min-height: 360px; }
  .ms-editorial-copy { width: 92%; margin: -90px auto 0; }
}

@media (prefers-reduced-motion: reduce) {
  .ms-choice { transition: none; }
}