.wl-layout { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "intro form" "tour form"; align-items: start; gap: clamp(28px, 4vw, 48px) clamp(32px, 7vw, 100px); max-width: 1080px; }
.wl-intro { grid-area: intro; }
.sp-craft .wl-intro h1 { font-size: clamp(38px, 4vw, 56px); max-width: 15ch; }
.sp-craft .wl-expectation { margin-top: 22px; font-size: 15px; line-height: 1.65; }
.wl-form-panel { grid-area: form; min-width: 0; background: #fff; padding: clamp(22px, 3vw, 36px); border: 1px solid var(--sc-line); border-radius: 6px; }
.sp-craft .wl-form-panel h2 { font-size: clamp(25px, 2.4vw, 31px); line-height: 1.25; }
.sp-craft .wl-required { margin-block: 12px 26px; font-size: 14px; }
.wl-form-panel .sp-form-label { font-size: 15px; }
.wl-form-panel .sp-form-input { display: block; width: 100%; min-width: 0; min-height: 48px; box-sizing: border-box; font: inherit; font-size: 16px; border-color: var(--sc-line); border-radius: 4px; background: var(--sp-white, #FBFAF8); }
.wl-form-panel input[type="date"] { -webkit-appearance: none; appearance: none; text-align: left; }
.wl-form-panel .sp-form-group { margin-bottom: 20px; }
.wl-submit { width: 100%; cursor: pointer; font-family: inherit; }
.wl-submit:disabled { opacity: .65; cursor: wait; }
.sp-craft .wl-privacy { text-align: center; font-size: 12px; margin-top: 16px; }
.wl-privacy a { text-underline-offset: 3px; }
.wl-honeypot { position: absolute; left: -9999px; }
.sp-craft .wl-error { color: #913c30; font-size: 15px; margin-bottom: 18px; }
.wl-tour { grid-area: tour; border-top: 1px solid var(--sc-line); padding-top: 24px; }
.sp-craft .wl-tour h2 { font-size: clamp(25px, 2.3vw, 30px); }
.sp-craft .wl-tour > p { margin-top: 14px; font-size: 16px; }
.wl-tour .sc-link { margin-top: 10px; }
.sp-craft .wl-tour .wl-tour-note { font-size: 13px; margin-top: 8px; }
.sp-craft .wl-success > p:not(.sc-location) { margin-block: 20px 12px; font-size: 16px; }
.wl-success:focus { outline: 3px solid var(--sp-teal); outline-offset: 8px; }
.wl-success { scroll-margin-top: 90px; }
@media (max-width: 767px) {
  .wl-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "form" "tour"; max-width: 540px; }
  .sp-craft .wl-intro h1 { max-width: 18ch; }
}