/* Guide funnel only. Shared shell, palette, typography and controls remain global. */
.guide-section { padding: 80px 0px; }
.guide-copy h1, .guide-copy h2, .guide-confirm h1 { color: var(--color-brand-hover); }
.guide-layout { display: flex; align-items: flex-start; gap: 80px; }
.guide-cover { flex: 0 1 420px; min-width: 0px; margin: 0px; }
.guide-cover img { display: block; width: 100%; height: auto; }
.guide-cover a { display: block; }
.guide-copy { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.guide-benefits { margin: 0px; padding-left: 24px; }
.guide-benefits li + li { margin-top: 12px; }
.guide-form { width: 100%; display: flex; flex-wrap: wrap; gap: 20px 16px; }
.guide-form .form-input-div { flex: 1 1 220px; min-width: 0px; display: flex; flex-direction: column; gap: 8px; }
.guide-form .form-control { width: 100%; min-width: 0px; min-height: 48px; padding: 12px; border: 1px solid var(--color-border); border-radius: 0px; background: var(--color-surface); }
.guide-form .form-control:focus { border-color: var(--color-brand); }
.guide-form .submit-btn { width: 100%; min-width: 0px; white-space: normal; padding-inline: 12px; }
.guide-form .maspik-field { display: none; }
.guide-form-status { width: 100%; padding: 16px; border: 1px solid var(--color-border); }
.guide-form [hidden] { display: none; }
.guide-form [disabled] { cursor: wait; opacity: 0.75; }
.guide-confirm { display: flex; flex-direction: column; gap: 24px; }
.guide-confirm > h1, .guide-confirm > p, .guide-testimonial { max-width: 920px; }
.guide-testimonial { margin: 16px 0px 0px; padding: 32px; background: var(--color-surface); border-left: 3px solid var(--color-accent); }
.guide-testimonial blockquote { margin: 0px 0px 24px; }
.guide-testimonial figcaption p + p { margin-top: 8px; }
@media (max-width: 1199px) {
  .guide-section { padding: 64px 0px; }
  .guide-layout { gap: 48px; }
  .guide-cover { flex-basis: 320px; }
}
@media (max-width: 900px) {
  .guide-layout { flex-direction: column; gap: 40px; }
  .guide-cover { flex-basis: auto; width: 320px; max-width: 100%; align-self: center; }
  .guide-copy { flex-basis: auto; width: 100%; }
}
@media (max-width: 767px) {
  .guide-section { padding: 48px 0px; }
  .guide-testimonial { padding: 24px; }
}
@media (max-width: 479px) {
  .guide-section { padding: 40px 0px; }
  .guide-copy, .guide-confirm { gap: 20px; }
  .guide-cover { width: 260px; }
  .guide-testimonial { padding: 20px; }
}
