@media screen {
  body { background:#f1f0f5; padding:24px; font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif; }
  .sheet { width:min(100%,1120px); min-height:calc(100vh - 48px); padding:44px; background:#fff; border-radius:23px; box-shadow:0 18px 55px #1a23570b; }
  header { border-bottom:1px solid #e8e8ee; padding-bottom:24px; margin-bottom:35px; }
  .logo { color:#17191e; letter-spacing:-.06em; }
  .logo small { color:#255bea; letter-spacing:0; }
  h1 { font-size:clamp(23px,3vw,34px); letter-spacing:-.04em; margin-bottom:24px; }
  .step { border-radius:16px; padding:18px; border-color:#e8e8ee; background:#f8f8fa; }
  .num { background:#17191e; }
  .tip,.trouble { border-radius:14px; padding:15px 18px; }
  footer { border-color:#e8e8ee; }
}
@media screen and (max-width:700px) {
  body { padding:0; }
  .sheet { border-radius:0; padding:25px 18px; }
  header { display:block; }
  .pitch { text-align:left; margin-top:12px; max-width:none; }
  .steps { grid-template-columns:1fr; }
  .full { grid-column:1; }
}