.quick-start { font-size: 18px; line-height: 1.55; color: #333b50; }
.quick-start h1, .quick-start h2, .quick-start h3 { color: #0e2aa5; font-weight: 500; line-height: 1.18; }
.quick-start h1 { max-width: 850px; font-size: 48px; font-weight: 700; margin-bottom: 28px; }
.quick-start h2 { font-size: 36px; }
.quick-start h3 { font-size: 22px; margin-bottom: 20px; }
.quick-start p + p { margin-top: 20px; }
.quick-start .quick-start-body a:not(.quick-start-button) { color: #0e2aa5; text-decoration: underline; text-underline-offset: 3px; }
.quick-start .editorial-link-paragraph { margin-top: 20px; }
.quick-start-hero { padding: 56px; background: #f5f6fb; border-radius: 10px; margin-bottom: 32px; }
.quick-start-hero p { max-width: 800px; }
.quick-start-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; box-sizing: border-box; max-width: 100%; min-height: 48px; padding: 12px 24px; margin-top: 28px; border-radius: 10px; background: #0e2aa5; color: #fff; font-size: 18px; line-height: 1.4; text-decoration: none; }
.quick-start-button:hover { background: #243fb1; }
.quick-start-button:active { background: #091d76; transform: translateY(1px); }
.quick-start-section { display: grid; grid-template-columns: 1fr 1.5fr; gap: 56px; padding: 56px 0; border-bottom: 1px solid #dce0ee; }
.quick-start-heading, .quick-start-body { min-width: 0; }
.quick-start-offer { padding: 24px; border-radius: 10px; background: #f5f6fb; border-left: 4px solid #0e2aa5; margin-top: 28px; }
.quick-start-offer strong { color: #0e2aa5; font-size: 22px; font-weight: 500; }
.quick-start-example { padding: 24px; border-radius: 10px; background: #f5f6fb; margin: 28px 0; }
.quick-start-example-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.quick-start-example-grid p:first-child { color: #0e2aa5; font-weight: 500; }
.quick-start-example-grid p + p { margin: 0; padding-left: 24px; border-left: 1px solid #c8cfe5; }
.quick-start-contact { max-width: 840px; padding: 64px 0; }
.quick-start-contact h2 { margin-bottom: 24px; }
.quick-start-contact ul { list-style: disc; padding-left: 24px; margin: 24px 0; }
.quick-start-contact li + li { margin-top: 12px; }
.quick-start-note { margin-top: 16px; font-size: 16px; }
.quick-start #contactForm { scroll-margin-top: 24px; }
.quick-start .page-form .text p { color: #50596e; line-height: 1.5; }
.quick-start .page-form .text .mail { margin-top: 24px; overflow-wrap: anywhere; }
.quick-start .page-form .field p { opacity: 1; color: #e0e6ff; }
.quick-start .page-form form .checkbox { display: block; position: absolute; width: 1px; height: 1px; opacity: 0; }
.quick-start .page-form form .checkbox:focus-visible + label { outline: 2px solid #fff !important; outline-offset: 5px; }
.quick-start :focus-visible { outline: 3px solid #0e2aa5 !important; outline-offset: 4px; }
.quick-start #contactForm :focus-visible { outline-color: #fff !important; }
.quick-start .page-form form button { min-height: 44px; height: auto; padding-top: 10px; padding-bottom: 10px; }
.quick-start .page-form form .attach-remove { width: 44px; }
@media (max-width: 991px) {
  .quick-start-hero { padding: 36px; }
  .quick-start h1 { font-size: 40px; }
  .quick-start h2 { font-size: 30px; }
  .quick-start-section { grid-template-columns: 1fr; gap: 24px; padding: 40px 0; }
}
@media (max-width: 575px) {
  .quick-start { font-size: 17px; }
  .quick-start-hero { padding: 28px 20px; margin-bottom: 12px; }
  .quick-start h1 { font-size: 32px; overflow-wrap: break-word; }
  .quick-start h2 { font-size: 28px; }
  .quick-start-button { width: 100%; padding: 12px 16px; }
  .quick-start-example-grid { grid-template-columns: 1fr; gap: 20px; }
  .quick-start-example-grid p + p { padding: 20px 0 0; border-left: 0; border-top: 1px solid #c8cfe5; }
  .quick-start-offer, .quick-start-example { padding: 20px; }
  .quick-start-contact { padding: 40px 0; }
}